@cueloop/client 0.1.0-alpha.93 → 0.1.0-alpha.95

package/src/{components → ui/components}/primitives/Tabs.tsx

@@ -7,8 +7,8 @@
  */
 
 import React, { createContext, useContext } from "react";
-import type { Theme } from "../../theme";
-import { useComponentTheme } from "../theme-context";
+import type { Theme } from "../../../appearance/theme";
+import { useComponentTheme } from "../../../appearance/components/theme-context";
 import { FRAME_BORDER_STYLE } from "./frame";
 
 interface TabsContextValue {

package/src/{components → ui/components}/primitives/Toolbar.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Story, StoryMeta } from "../story";
+import type { Story, StoryMeta } from "../../../stories/story";
 import { Button } from "./Button";
 import { Toolbar } from "./Toolbar";
 

package/src/{components → ui/components}/primitives/Tree.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { DARK } from "../../theme";
-import type { Story, StoryMeta } from "../story";
+import { DARK } from "../../../appearance/theme";
+import type { Story, StoryMeta } from "../../../stories/story";
 import { Tree } from "./Tree";
 import type { TreeNode } from "./tree-model";
 

package/src/{components → ui/components}/primitives/Tree.tsx

@@ -1,8 +1,8 @@
 // OpenTUI renderer for the headless tree-model; the caller owns expansion and selection.
 
 import React, { useRef } from "react";
-import { DARK, type Theme } from "../../theme";
-import { isDoubleClick, type ClickStamp } from "../../thread-selection";
+import { DARK, type Theme } from "../../../appearance/theme";
+import { isDoubleClick, type ClickStamp } from "../../../annotations/thread-selection";
 import { flattenTree, statusMeta, type TreeNode, type TreeTone } from "./tree-model";
 import { NERD_TREE_ICONS, type TreeIcons } from "./icons";
 

package/src/{components → ui/components}/syntax-highlight.ts

@@ -12,7 +12,7 @@ import {
   extensionToFiletype,
   basenameToFiletype,
 } from "@opentui/core";
-import type { Theme } from "../theme";
+import type { Theme } from "../../appearance/theme";
 
 /** Markdown fence info -> tree-sitter filetype, with the aliases we accept. */
 export function filetypeFor(language?: string): string | undefined {

package/src/{components → workbench/components}/ChangesColumn.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { DiffFileContents } from "@cueloop/schema";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { ChangesColumn } from "./ChangesColumn";
 
 export const meta: StoryMeta = { title: "Surfaces/ChangesColumn" };

package/src/{components → workbench/components}/ChangesColumn.tsx

@@ -3,16 +3,16 @@
 // so the diff reclaims the width. Mirrors the left Threads column on the far side.
 // Co-located here: the state hook that opens it by context and the header toggle.
 
-import { ScrollArea } from "./ScrollArea";
+import { ScrollArea } from "../../ui/components/ScrollArea";
 import React, { useMemo, useState } from "react";
 import { useKeyboard } from "@opentui/react";
 import type { DiffFileContents, Thread } from "@cueloop/schema";
-import type { Theme } from "../theme";
-import type { DiffRow } from "../view-diff";
-import { Tree } from "./primitives/Tree";
-import { allFolderIds, flattenTree } from "./primitives/tree-model";
-import { IconButton } from "./primitives/IconButton";
-import { NERD } from "./primitives/icons";
+import type { Theme } from "../../appearance/theme";
+import type { DiffRow } from "../../diff/view-diff";
+import { Tree } from "../../ui/components/primitives/Tree";
+import { allFolderIds, flattenTree } from "../../ui/components/primitives/tree-model";
+import { IconButton } from "../../ui/components/primitives/IconButton";
+import { NERD } from "../../ui/components/primitives/icons";
 import { buildFileTree } from "./file-tree";
 
 export interface DiffColumnsState {

package/src/{components → workbench/components}/ChangesFileTree.test.tsx

@@ -7,8 +7,8 @@ import { testRender } from "@opentui/react/test-utils";
 import { ScrollBoxRenderable, TextRenderable, type Renderable } from "@opentui/core";
 import type { DiffFileContents } from "@cueloop/schema";
 import { ChangesFileTree } from "./ChangesColumn";
-import { settle, waitForText } from "../test-support";
-import { DARK } from "../theme";
+import { settle, waitForText } from "../../testing/test-support";
+import { DARK } from "../../appearance/theme";
 
 function findById(node: Renderable, id: string): Renderable | undefined {
   if (node.id === id) return node;

package/src/{components → workbench/components}/EditorGrid.split.test.tsx

@@ -2,7 +2,7 @@ import { expect, test } from "bun:test";
 import React from "react";
 import { testRender } from "@opentui/react/test-utils";
 import type { Renderable } from "@opentui/core";
-import { allowEventLoopUpdates } from "../test-support";
+import { allowEventLoopUpdates } from "../../testing/test-support";
 import { EditorGrid } from "./EditorGrid";
 import { makeGroup, splitGroup, welcomeTab, type EditorNode } from "./editor-grid";
 import { WelcomePlayground } from "./WelcomePlayground";

package/src/{components → workbench/components}/EditorGrid.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { EditorGrid } from "./EditorGrid";
 import { changesTab, fileTab, makeGroup, splitGroup, type EditorTab } from "./editor-grid";
 

package/src/{components → workbench/components}/EditorGrid.tabs.test.tsx

@@ -9,8 +9,8 @@ import { testRender } from "@opentui/react/test-utils";
 import React from "react";
 import { EditorGrid, visibleTabWindow } from "./EditorGrid";
 import { changesTab, fileTab, makeGroup, type EditorTab } from "./editor-grid";
-import { NERD } from "./primitives/icons";
-import { allowEventLoopUpdates } from "../test-support";
+import { NERD } from "../../ui/components/primitives/icons";
+import { allowEventLoopUpdates } from "../../testing/test-support";
 
 describe("visibleTabWindow", () => {
   const tabs: EditorTab[] = ["aaaa", "bbbb", "cccc", "dddd", "eeee"].map((name) =>

package/src/{components → workbench/components}/EditorGrid.tsx

@@ -4,14 +4,14 @@
 
 import React, { useEffect, useRef, useState } from "react";
 import type { BoxRenderable } from "@opentui/core";
-import { isDoubleClick, type ClickStamp } from "../thread-selection";
-import { DARK, type Theme } from "../theme";
-import { useFrameMeasure } from "../use-frame-measure";
-import { useSharedKeyboard } from "../use-shared-keyboard";
-import { useRootOverlay } from "./RootOverlay";
-import { useMenuControl } from "./menu-control";
-import { IconButton } from "./primitives/IconButton";
-import { NERD, HEADER_UNDERLINE_CHARS } from "./primitives/icons";
+import { isDoubleClick, type ClickStamp } from "../../annotations/thread-selection";
+import { DARK, type Theme } from "../../appearance/theme";
+import { useFrameMeasure } from "../../ui/use-frame-measure";
+import { useSharedKeyboard } from "../../keyboard/use-shared-keyboard";
+import { useRootOverlay } from "../../ui/components/RootOverlay";
+import { useMenuControl } from "../../ui/components/menu-control";
+import { IconButton } from "../../ui/components/primitives/IconButton";
+import { NERD, HEADER_UNDERLINE_CHARS } from "../../ui/components/primitives/icons";
 import {
   countEditorGroups,
   MAX_EDITOR_GROUPS,

package/src/{components → workbench/components}/EditorGrid.zoom.test.tsx

@@ -10,8 +10,8 @@ import { testRender } from "@opentui/react/test-utils";
 import React from "react";
 import { EditorGrid } from "./EditorGrid";
 import { changesTab, fileTab, makeGroup, splitGroup } from "./editor-grid";
-import { NERD } from "./primitives/icons";
-import { allowEventLoopUpdates } from "../test-support";
+import { NERD } from "../../ui/components/primitives/icons";
+import { allowEventLoopUpdates } from "../../testing/test-support";
 
 const grid = makeGroup([changesTab(), fileTab("App.tsx", "src/App.tsx", "diff")]);
 

package/src/{components → workbench/components}/FileContentsView.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { FileContentsView } from "./FileContentsView";
 
 export const meta: StoryMeta = { title: "Surfaces/FileContentsView" };

package/src/{components → workbench/components}/FileContentsView.test.tsx

@@ -2,8 +2,8 @@ import { expect, test } from "bun:test";
 import React from "react";
 import { testRender } from "@opentui/react/test-utils";
 import { FileContentsView } from "./FileContentsView";
-import { waitForText } from "../test-support";
-import { DARK } from "../theme";
+import { waitForText } from "../../testing/test-support";
+import { DARK } from "../../appearance/theme";
 
 test("renders the loaded file contents", async () => {
   const setup = await testRender(

package/src/{components → workbench/components}/FileContentsView.tsx

@@ -4,12 +4,12 @@
 // Syntax highlighting comes from the native code renderable (tree-sitter), the language
 // auto-detected from the path; unknown languages simply render unstyled.
 
-import { ScrollArea } from "./ScrollArea";
+import { ScrollArea } from "../../ui/components/ScrollArea";
 import React, { useEffect, useRef, useState } from "react";
 import type { CodeRenderable } from "@opentui/core";
-import type { Theme } from "../theme";
-import { useComponentTheme } from "./theme-context";
-import { filetypeForPath, syntaxStyleFor } from "./syntax-highlight";
+import type { Theme } from "../../appearance/theme";
+import { useComponentTheme } from "../../appearance/components/theme-context";
+import { filetypeForPath, syntaxStyleFor } from "../../ui/components/syntax-highlight";
 
 export interface FileContentsViewProps {
   path: string;

package/src/{components → workbench/components}/GridTabContent.actions.test.tsx

@@ -5,12 +5,12 @@ import React from "react";
 import { testRender } from "@opentui/react/test-utils";
 import { changesTab, fileTab } from "./editor-grid";
 import { GridTabContent, type DiffSurfaceProps } from "./GridTabContent";
-import { FIXTURE_PATCH, fixtureDiffSession } from "./story-fixtures";
-import { NERD } from "./primitives/icons";
-import { TooltipProvider } from "./Tooltip";
-import { locateText, waitForText } from "../test-support";
-import { DARK } from "../theme";
-import { diffRows } from "../view-diff";
+import { FIXTURE_PATCH, fixtureDiffSession } from "../../stories/story-fixtures";
+import { NERD } from "../../ui/components/primitives/icons";
+import { TooltipProvider } from "../../ui/components/Tooltip";
+import { locateText, waitForText } from "../../testing/test-support";
+import { DARK } from "../../appearance/theme";
+import { diffRows } from "../../diff/view-diff";
 
 const noop = (): void => {};
 const rows = diffRows(

package/src/{components → workbench/components}/GridTabContent.stories.tsx

@@ -1,9 +1,9 @@
 import React from "react";
-import { DARK } from "../theme";
-import { DEFAULT_QUICK_ACTIONS } from "../config";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import { DEFAULT_QUICK_ACTIONS } from "../../settings/config";
+import type { Story, StoryMeta } from "../../stories/story";
 import { GridTabContent, type DiffSurfaceProps } from "./GridTabContent";
-import { fixtureDiffRows, fixtureDiffSession } from "./story-fixtures";
+import { fixtureDiffRows, fixtureDiffSession } from "../../stories/story-fixtures";
 import { changesTab, fileTab } from "./editor-grid";
 
 export const meta: StoryMeta = { title: "Surfaces/GridTabContent" };

package/src/{components → workbench/components}/GridTabContent.tsx

@@ -7,14 +7,14 @@
 
 import React, { useMemo } from "react";
 import { type Anchor } from "@cueloop/schema";
-import { dimmedTheme, type Theme } from "../theme";
-import { changesMarks, type DiffRow } from "../view-diff";
+import { dimmedTheme, type Theme } from "../../appearance/theme";
+import { changesMarks, type DiffRow } from "../../diff/view-diff";
 import {
   DiffContentView,
   type DiffFoldControls,
   type DiffContentViewProps,
-} from "./DiffContentView";
-import { AnnotatableFileView } from "./AnnotatableFileView";
+} from "../../diff/components/DiffContentView";
+import { AnnotatableFileView } from "../../diff/components/AnnotatableFileView";
 import type { EditorTab } from "./editor-grid";
 
 /** The inline-commenting props the diff sheet shares with the thread view, wired once by the app. */

package/src/{components → workbench/components}/ProjectTreeView.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { ProjectTreeView } from "./ProjectTreeView";
 
 export const meta: StoryMeta = { title: "Surfaces/ProjectTreeView" };

package/src/{components → workbench/components}/ProjectTreeView.test.tsx

@@ -6,8 +6,8 @@ import React from "react";
 import { testRender } from "@opentui/react/test-utils";
 import { ScrollBoxRenderable, type Renderable } from "@opentui/core";
 import { ProjectTreeView } from "./ProjectTreeView";
-import { locateText, settle, waitForText, waitForTextGone } from "../test-support";
-import { DARK } from "../theme";
+import { locateText, settle, waitForText, waitForTextGone } from "../../testing/test-support";
+import { DARK } from "../../appearance/theme";
 
 function findById(node: Renderable, id: string): Renderable | undefined {
   if (node.id === id) return node;

package/src/{components → workbench/components}/ProjectTreeView.tsx

@@ -2,13 +2,13 @@
 // Folders start collapsed and expand on click; a file click opens it as a tab. The caller keys this
 // on the session id so switching sessions remounts it and never shows the previous repository's paths.
 
-import { ScrollArea } from "./ScrollArea";
+import { ScrollArea } from "../../ui/components/ScrollArea";
 import React, { useEffect, useEffectEvent, useMemo, useState } from "react";
 import { useKeyboard } from "@opentui/react";
-import type { Theme } from "../theme";
-import { useComponentTheme } from "./theme-context";
-import { Tree } from "./primitives/Tree";
-import { flattenTree } from "./primitives/tree-model";
+import type { Theme } from "../../appearance/theme";
+import { useComponentTheme } from "../../appearance/components/theme-context";
+import { Tree } from "../../ui/components/primitives/Tree";
+import { flattenTree } from "../../ui/components/primitives/tree-model";
 import { buildPathTree } from "./file-tree";
 
 const PROJECT_FILES_REFRESH_MS = 2000;

package/src/{components → workbench/components}/TreePane.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { TreePane } from "./TreePane";
-import type { TreeRow } from "../tree-view";
+import type { TreeRow } from "../../thread/tree-view";
 
 export const meta: StoryMeta = { title: "Surfaces/TreePane" };
 

package/src/{components → workbench/components}/TreePane.tsx

@@ -6,14 +6,14 @@
  * path to the same primitives the option chords reach.
  */
 
-import { ScrollArea } from "./ScrollArea";
+import { ScrollArea } from "../../ui/components/ScrollArea";
 import React, { useEffect, useRef } from "react";
 import { createTextAttributes, type ScrollBoxRenderable } from "@opentui/core";
-import type { Theme } from "../theme";
-import type { TreeRow } from "../tree-view";
-import { useComponentTheme } from "./theme-context";
-import { Button } from "./primitives/Button";
-import { Toolbar } from "./primitives/Toolbar";
+import type { Theme } from "../../appearance/theme";
+import type { TreeRow } from "../../thread/tree-view";
+import { useComponentTheme } from "../../appearance/components/theme-context";
+import { Button } from "../../ui/components/primitives/Button";
+import { Toolbar } from "../../ui/components/primitives/Toolbar";
 
 export interface TreePaneProps {
   rows: TreeRow[];

package/src/{components → workbench/components}/WelcomePlayground.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { DARK } from "../theme";
-import type { Story, StoryMeta } from "./story";
+import { DARK } from "../../appearance/theme";
+import type { Story, StoryMeta } from "../../stories/story";
 import { WelcomePlayground } from "./WelcomePlayground";
 
 export const meta: StoryMeta = { title: "Surfaces/WelcomePlayground" };

package/src/{components → workbench/components}/WelcomePlayground.test.tsx

@@ -8,9 +8,16 @@ import { describe, expect, test } from "bun:test";
 import { testRender } from "@opentui/react/test-utils";
 import React from "react";
 import { WelcomePlayground } from "./WelcomePlayground";
-import { DARK } from "../theme";
-import { CLIENT_VERSION } from "../version";
-import { dragText, locateText, press, typeText, pressKey, waitForText } from "../test-support";
+import { DARK } from "../../appearance/theme";
+import { CLIENT_VERSION } from "../../app/version";
+import {
+  dragText,
+  locateText,
+  press,
+  typeText,
+  pressKey,
+  waitForText,
+} from "../../testing/test-support";
 
 describe("WelcomePlayground", () => {
   test("the copy prompts the select-and-type and the slash gestures", async () => {

package/src/{components → workbench/components}/WelcomePlayground.tsx

@@ -12,11 +12,11 @@ import {
   type Annotation,
   type Thread,
 } from "@cueloop/schema";
-import type { Theme } from "../theme";
-import type { QuickAction } from "../config";
-import { CLIENT_VERSION } from "../version";
-import { DiffContentView } from "./DiffContentView";
-import { diffRowBlocks, fileContentsRows, marksByRows } from "../view-diff";
+import type { Theme } from "../../appearance/theme";
+import type { QuickAction } from "../../settings/config";
+import { CLIENT_VERSION } from "../../app/version";
+import { DiffContentView } from "../../diff/components/DiffContentView";
+import { diffRowBlocks, fileContentsRows, marksByRows } from "../../diff/view-diff";
 
 export interface WelcomePlaygroundProps {
   quickActions: QuickAction[];

package/src/{components → workbench/components}/file-tree.ts

@@ -5,7 +5,7 @@
  */
 
 import type { DiffFileContents, DiffFileStatus } from "@cueloop/schema";
-import type { GitStatus, TreeNode } from "./primitives/tree-model";
+import type { GitStatus, TreeNode } from "../../ui/components/primitives/tree-model";
 
 /** The diff file statuses are a subset of the tree's git statuses. */
 function gitStatusOf(status: DiffFileStatus): GitStatus {

package/src/{use-changes-workbench.ts → workbench/use-changes-workbench.ts}

@@ -3,8 +3,8 @@
 // toggles are mutually-exclusive file-tree modes. Owns the editor grid (tabs and splits) too.
 
 import { useRef, useState } from "react";
-import type { ProjectPanelMode } from "./components/AppShell";
-import type { LaunchLayout } from "./launch-layout";
+import type { ProjectPanelMode } from "../app/components/AppShell";
+import type { LaunchLayout } from "../app/launch-layout";
 import {
   activateTab,
   changesTab,

package/src/{use-remember-layout.ts → workbench/use-remember-layout.ts}

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
-import { persistLayout } from "./config";
-import { layoutFromPanes, type LaunchLayout } from "./launch-layout";
+import { persistLayout } from "../settings/config";
+import { layoutFromPanes, type LaunchLayout } from "../app/launch-layout";
 
 /**
  * Persist the pane composition whenever the user changes it, so the next bare launch restores it.

package/src/{use-repo-changes.ts → workbench/use-repo-changes.ts}

@@ -8,6 +8,7 @@ interface RepoChangesOptions {
   loadChanges: () => Promise<readonly DiffFileContents[]>;
   visible: boolean;
   diffSourceKey: string;
+  initialFiles?: readonly DiffFileContents[];
   refreshAutomatically?: boolean;
 }
 
@@ -34,9 +35,12 @@ export function useRepoChanges({
   loadChanges,
   visible,
   diffSourceKey,
+  initialFiles,
   refreshAutomatically = true,
 }: RepoChangesOptions): readonly DiffFileContents[] {
-  const [snapshot, setSnapshot] = useState<RepoChangesSnapshot | null>(null);
+  const [snapshot, setSnapshot] = useState<RepoChangesSnapshot | null>(() =>
+    initialFiles ? { diffSourceKey, files: initialFiles } : null,
+  );
   const loadLatestChanges = useEffectEvent(loadChanges);
 
   useEffect(() => {