feat(tui): copy root path on click in context sidebar

Author: sharunkumar

PATCH.md

@@ -127,7 +127,7 @@ Clicking a markdown link to a directory (trailing `/`, e.g. `[core](packages/cor
 
 ## Context Sidebar
 
-Plugin (`custom.context` + TUI `custom.sidebar.context`): the sidebar lists the current session's context as **Instructions** (ambient and session-injected instruction files; home paths show as `~`, and a symlinked global config dir shows the configured path), **Skills** (by name: mentions, `skill` messages, and completed `skill` tool calls in the post-compaction window, plus skills from `custom.skills.auto-load` via `custom-auto-load-skills`), and one node per session root. The backend takes each root's Instructions from `SessionRoots` (the same files the model receives) and groups loaded Skills by the root that provides them (a skill the primary Location also has stays under the primary Skills). Each root renders as a top-level node next to Instructions and Skills, labelled with its directory (displayed like other paths: project-relative, else `~`); there is no explicit "Roots" header. Root nodes start collapsed and a click on the root's label toggles its contents (no icons; the state is not persisted). Empty subsections are hidden; Instructions and Skills never collapse.
+Plugin (`custom.context` + TUI `custom.sidebar.context`): the sidebar lists the current session's context as **Instructions** (ambient and session-injected instruction files; home paths show as `~`, and a symlinked global config dir shows the configured path), **Skills** (by name: mentions, `skill` messages, and completed `skill` tool calls in the post-compaction window, plus skills from `custom.skills.auto-load` via `custom-auto-load-skills`), and one node per session root. The backend takes each root's Instructions from `SessionRoots` (the same files the model receives) and groups loaded Skills by the root that provides them (a skill the primary Location also has stays under the primary Skills). Each root renders as a top-level node next to Instructions and Skills, labelled with its directory (displayed like other paths: project-relative, else `~`); there is no explicit "Roots" header. Root nodes start collapsed and a click on the root's label toggles its contents and copies the root's absolute path (with a toast; no icons; the open state is not persisted). Empty subsections are hidden; Instructions and Skills never collapse.
 
 ## Pull Request Sidebar
 

packages/core/src/plugin/custom/context.ts

@@ -108,6 +108,7 @@ export function contextRoot(
   skills: ReadonlyArray<string>,
 ) {
   return {
+    path: directory,
     directory: display(project, home, config, configReal, directory),
     files: [...new Set(files)].map((file) => display(directory, home, config, configReal, file)),
     skills: [...skills],

packages/core/test/plugin/custom.test.ts

@@ -131,16 +131,19 @@ it.effect("groups a root's instructions and skills under its own directory", ()
         ["review", "deploy"],
       ),
     ).toEqual({
+      path: `${home}/src/cmux`,
       directory: "~/src/cmux",
       files: ["AGENTS.md", "web/AGENTS.md", "~/src/AGENTS.md"],
       skills: ["review", "deploy"],
     })
     expect(CustomContextPlugin.contextRoot("/repo", "/opt/shared", home, config, config, [], [])).toEqual({
+      path: "/opt/shared",
       directory: "/opt/shared",
       files: [],
       skills: [],
     })
     expect(CustomContextPlugin.contextRoot("/repo", "/repo/packages/web", home, config, config, [], [])).toEqual({
+      path: "/repo/packages/web",
       directory: "packages/web",
       files: [],
       skills: [],

packages/schema/src/custom-context.ts

@@ -6,6 +6,7 @@ import { Session } from "./session.js"
 
 const Input = Schema.toStandardSchemaV1(Schema.Struct({ sessionID: Session.ID }))
 const Root = Schema.Struct({
+  path: Schema.String,
   directory: Schema.String,
   files: Schema.Array(Schema.String),
   skills: Schema.Array(Schema.String),

packages/tui/src/feature-plugins/custom/sidebar-context.tsx

@@ -3,6 +3,8 @@ import { CustomAutoLoadSkills } from "@opencode/schema/custom-auto-load-skills"
 import { CustomContext } from "@opencode/schema/custom-context"
 import { createMemo, createResource, For, Show } from "solid-js"
 import { createStore } from "solid-js/store"
+import { useClipboard } from "../../context/clipboard"
+import { useToast } from "../../ui/toast"
 
 type Node = { label: string; children?: readonly Node[] }
 
@@ -40,6 +42,8 @@ export function SidebarContext(props: { context: Plugin.Context; sessionID: stri
   const session = createMemo(() => props.context.data.session.get(props.sessionID))
   const directory = createMemo(() => (session()?.location ?? props.context.location)?.directory)
   const roots = createMemo(() => (session()?.roots ?? []).join("\0"))
+  const clipboard = useClipboard()
+  const toast = useToast()
   const [open, setOpen] = createStore<Record<string, boolean>>({})
   // Edited instructions, nested loads, and skill loads land in the transcript as system, synthetic, user, or
   // skill messages, or as a completed skill tool call inside an assistant message that already exists.
@@ -86,6 +90,7 @@ export function SidebarContext(props: { context: Plugin.Context; sessionID: stri
   ])
   const rootNodes = createMemo(() =>
     (result()?.roots ?? []).map((root) => ({
+      path: root.path,
       label: root.directory,
       children: [...group("Instructions", root.files), ...group("Skills", root.skills)],
     })),
@@ -101,12 +106,20 @@ export function SidebarContext(props: { context: Plugin.Context; sessionID: stri
         <For each={rootNodes()}>
           {(root) => (
             <>
-              <box onMouseDown={() => setOpen(root.label, !open[root.label])}>
-                <text fg={theme.text.base} wrapMode="none" truncate>
+              <box
+                onMouseDown={() => {
+                  setOpen(root.path, !open[root.path])
+                  void clipboard.write(root.path).then(
+                    () => toast.show({ message: "Path copied to clipboard", variant: "info" }),
+                    toast.error,
+                  )
+                }}
+              >
+                <text fg={theme.text.base} wrapMode="none" selectable={false} truncate>
                   {root.label}
                 </text>
               </box>
-              <Show when={open[root.label]}>
+              <Show when={open[root.path]}>
                 <Tree context={props.context} nodes={root.children} prefix="" />
               </Show>
             </>