Implement forwarded state visualization for tasks and update the URL override field description

Author: robertpiosik

packages/ui/src/components/editor/panel/Tasks/Tasks.module.scss

@@ -19,7 +19,7 @@
     background-color: var(--vscode-list-hoverBackground);
   }
 
-  &--copied {
+  &--forwarded {
     background-color: var(--vscode-list-inactiveSelectionBackground);
   }
 

packages/ui/src/components/editor/panel/Tasks/Tasks.tsx

@@ -1,5 +1,5 @@
 import styles from './Tasks.module.scss'
-import React, { useState, useEffect, useRef, useMemo } from 'react'
+import React, { useState, useRef, useMemo } from 'react'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { SimpleCheckbox } from '../../common/SimpleCheckbox'
@@ -55,6 +55,9 @@ export const Tasks: React.FC<Props> = (props) => {
   const [editing_timestamp, set_editing_timestamp] = useState<number | null>(
     null
   )
+  const [forwarded_timestamp, set_forwarded_timestamp] = useState<
+    number | null
+  >(null)
   const prevent_edit_ref = useRef(false)
 
   use_auto_focus_new_task(props.tasks, set_editing_timestamp)
@@ -82,14 +85,17 @@ export const Tasks: React.FC<Props> = (props) => {
   }) => {
     const is_editing = editing_timestamp == params.task.created_at
     const has_children = params.task.children && params.task.children.length > 0
+    const is_forwarded = forwarded_timestamp == params.task.created_at
 
     const checked_children_count = has_children
       ? params.task.children!.filter((child) => child.is_checked).length
       : 0
 
     return (
       <div
-        className={styles.item}
+        className={cn(styles.item, {
+          [styles['item--forwarded']]: is_forwarded
+        })}
         style={{ paddingLeft: `${10 + params.depth * 20}px` }}
       >
         {[...Array(params.depth)].map((_, i) => (
@@ -160,6 +166,7 @@ export const Tasks: React.FC<Props> = (props) => {
                   on_click={(e) => {
                     e.stopPropagation()
                     props.on_forward(params.task.text)
+                    set_forwarded_timestamp(params.task.created_at)
                   }}
                   title="Use"
                 />

packages/vscode/src/views/panel/frontend/components/edit-preset-form/EditPresetForm/EditPresetForm.tsx

@@ -342,7 +342,7 @@ export const EditPresetForm: React.FC<Props> = (props) => {
             <Field
               label={chatbot_config?.url_override_label || 'URL override'}
               html_for="new-url"
-              info="Keep all related chats in one place."
+              info="Use a smart workspace for your coding tasks."
             >
               <Input
                 id="new-url"