@pstdio/ui 0.2.2 → 0.2.3

package/dist/components/chat-ui/components/chat-panel-sticky-user-message.d.ts

@@ -0,0 +1,4 @@
+import { SessionMessage } from './message-types';
+export declare const STICKY_USER_MESSAGE_COLLAPSE_TEXT_THRESHOLD = 360;
+export declare const STICKY_USER_MESSAGE_COLLAPSED_MAX_HEIGHT = "min(20vh, 8rem)";
+export declare const isStickyUserMessageCollapsible: (message: SessionMessage) => boolean;

package/dist/components/chat-ui/components/chat-panel.sticky-user-message.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/chat-ui/components/chat-panel.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof ChatPanel>;
 export declare const Empty: Story;
 export declare const Conversation: Story;
 export declare const Streaming: Story;
+export declare const LongStickyUserPrompt: Story;

package/dist/components/rich-text/shared/components/content-editable.d.ts

@@ -2,6 +2,7 @@ interface ContentEditableProps {
     onRef?: (elem: HTMLDivElement) => void;
     fullWidth?: boolean;
     padding?: string;
+    isRichMessage?: boolean;
 }
-export declare function ContentEditable({ onRef, fullWidth, padding }: ContentEditableProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentEditable({ onRef, fullWidth, padding, isRichMessage }: ContentEditableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/empty-state-kQR0gd4j.js

@@ -0,0 +1,232 @@
+import { jsx as p, jsxs as L } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import { Span as k, EmptyState as x, VStack as $ } from "@chakra-ui/react";
+import { Editor as M, DiffEditor as z } from "@monaco-editor/react";
+import * as T from "react";
+const _ = {
+  base: "vs-dark",
+  inherit: !0,
+  rules: [],
+  colors: {
+    "editor.background": "#0a0d15",
+    "editor.foreground": "#f5f5f5",
+    "editor.lineHighlightBackground": "#22252C",
+    "editorCursor.foreground": "#A7A7A7",
+    "editorWhitespace.foreground": "#3B3B3B",
+    "editorIndentGuide.background": "#404040",
+    "editorIndentGuide.activeBackground": "#707070"
+  }
+}, F = (a) => {
+  const e = w(15), {
+    defaultCode: s,
+    code: t,
+    showLineNumbers: m,
+    isEditable: f,
+    language: d,
+    onChange: r,
+    disableScroll: o
+  } = a, n = d === void 0 ? "javascript" : d;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    enabled: !1
+  }, e[0] = i) : i = e[0];
+  const l = !f, c = m ? "on" : "off";
+  let u;
+  e[1] !== o ? (u = o ? {
+    scrollbar: {
+      vertical: "hidden",
+      horizontal: "hidden",
+      useShadows: !1,
+      alwaysConsumeMouseWheel: !1
+    },
+    scrollBeyondLastLine: !1,
+    mouseWheelScrollSensitivity: 0,
+    overviewRulerLanes: 0
+  } : {}, e[1] = o, e[2] = u) : u = e[2];
+  let h;
+  e[3] !== l || e[4] !== c || e[5] !== u ? (h = {
+    tabSize: 2,
+    minimap: i,
+    fontSize: 12,
+    readOnly: l,
+    lineNumbers: c,
+    ...u
+  }, e[3] = l, e[4] = c, e[5] = u, e[6] = h) : h = e[6];
+  const y = h;
+  let g;
+  e[7] !== r ? (g = (S) => {
+    r?.(S || "");
+  }, e[7] = r, e[8] = g) : g = e[8];
+  let b;
+  return e[9] !== t || e[10] !== s || e[11] !== n || e[12] !== y || e[13] !== g ? (b = /* @__PURE__ */ p(M, { width: "100%", height: "100%", language: n, defaultValue: s, value: t, theme: "ps-theme", options: y, onChange: g, beforeMount: R, onMount: j }), e[9] = t, e[10] = s, e[11] = n, e[12] = y, e[13] = g, e[14] = b) : b = e[14], b;
+}, H = (a) => {
+  const e = w(11), {
+    original: s,
+    modified: t,
+    showLineNumbers: m,
+    language: f,
+    disableScroll: d
+  } = a, r = f === void 0 ? "javascript" : f;
+  let o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+    enabled: !1
+  }, e[0] = o) : o = e[0];
+  const n = m ? "on" : "off";
+  let i;
+  e[1] !== d ? (i = d ? {
+    scrollbar: {
+      vertical: "hidden",
+      horizontal: "hidden",
+      useShadows: !1,
+      alwaysConsumeMouseWheel: !1
+    },
+    scrollBeyondLastLine: !1,
+    mouseWheelScrollSensitivity: 0,
+    overviewRulerLanes: 0
+  } : {}, e[1] = d, e[2] = i) : i = e[2];
+  let l;
+  e[3] !== n || e[4] !== i ? (l = {
+    tabSize: 2,
+    minimap: o,
+    fontSize: 12,
+    readOnly: !0,
+    originalEditable: !1,
+    renderSideBySide: !0,
+    useInlineViewWhenSpaceIsTooSmall: !0,
+    lineNumbers: n,
+    ...i
+  }, e[3] = n, e[4] = i, e[5] = l) : l = e[5];
+  const c = l;
+  let u;
+  return e[6] !== r || e[7] !== t || e[8] !== c || e[9] !== s ? (u = /* @__PURE__ */ p(z, { width: "100%", height: "100%", language: r, original: s, modified: t, theme: "ps-theme", options: c, beforeMount: A, onMount: I }), e[6] = r, e[7] = t, e[8] = c, e[9] = s, e[10] = u) : u = e[10], u;
+};
+function R(a) {
+  a.editor.defineTheme("ps-theme", _);
+}
+async function j(a, e) {
+  e.editor.setTheme("ps-theme"), e.languages.typescript.typescriptDefaults.setCompilerOptions({
+    jsx: e.languages.typescript.JsxEmit.React
+  }), a.addCommand(e.KeyMod.CtrlCmd | e.KeyCode.KeyS, async () => {
+    await a.getAction("editor.action.formatDocument")?.run();
+  }), await a.getAction("editor.action.formatDocument")?.run();
+}
+function A(a) {
+  a.editor.defineTheme("ps-theme", _);
+}
+function I(a, e) {
+  e.editor.setTheme("ps-theme"), e.languages.typescript.typescriptDefaults.setCompilerOptions({
+    jsx: e.languages.typescript.JsxEmit.React
+  });
+}
+const P = (a) => {
+  const e = w(18), {
+    fileName: s,
+    additions: t,
+    deletions: m,
+    label: f,
+    variant: d,
+    size: r,
+    onClick: o,
+    onClickFileLink: n
+  } = a, i = d === void 0 ? "outline" : d, c = (r === void 0 ? "default" : r) === "small", u = i === "outline" ? "1px solid" : "none", h = i === "outline" ? c ? "3xs" : "2xs" : "2px", y = c ? "label/S/regular" : void 0, g = o ? "pointer" : "default";
+  let b;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    background: "bg.muted"
+  }, e[0] = b) : b = e[0];
+  let S;
+  e[1] !== s || e[2] !== n ? (S = s && /* @__PURE__ */ p(k, { display: "inline-block", maxW: "24ch", truncate: !0, mr: "xs", title: s, onClick: (W) => {
+    W.stopPropagation(), n?.();
+  }, cursor: n ? "pointer" : "default", _hover: {
+    textDecoration: n ? "underline" : "none",
+    color: n ? "fg.blue-dark" : "fg.muted"
+  }, children: s }), e[1] = s, e[2] = n, e[3] = S) : S = e[3];
+  const B = `+${t}`;
+  let v;
+  e[4] !== B ? (v = /* @__PURE__ */ p(k, { color: "fg.success", children: B }), e[4] = B, e[5] = v) : v = e[5];
+  const D = `-${m}`;
+  let C;
+  e[6] !== D ? (C = /* @__PURE__ */ p(k, { color: "fg.error", children: D }), e[6] = D, e[7] = C) : C = e[7];
+  let E;
+  return e[8] !== f || e[9] !== o || e[10] !== C || e[11] !== u || e[12] !== h || e[13] !== y || e[14] !== g || e[15] !== S || e[16] !== v ? (E = /* @__PURE__ */ L(k, { display: "inline-flex", alignItems: "center", gap: "2xs", border: u, borderColor: "border.muted", color: "fg.muted", paddingX: h, paddingY: "1px", borderRadius: "xs", textStyle: y, cursor: g, onClick: o, _hover: b, children: [
+    f,
+    S,
+    v,
+    C
+  ] }), e[8] = f, e[9] = o, e[10] = C, e[11] = u, e[12] = h, e[13] = y, e[14] = g, e[15] = S, e[16] = v, e[17] = E) : E = e[17], E;
+};
+function X(a) {
+  const e = w(11), {
+    original: s,
+    modified: t,
+    language: m,
+    sideBySide: f,
+    disableScroll: d
+  } = a, r = m === void 0 ? "plaintext" : m, o = f === void 0 ? !1 : f, n = d === void 0 ? !0 : d;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    enabled: !1
+  }, e[0] = i) : i = e[0];
+  let l;
+  e[1] !== n ? (l = n ? {
+    scrollbar: {
+      vertical: "hidden",
+      horizontal: "hidden",
+      useShadows: !1,
+      alwaysConsumeMouseWheel: !1
+    },
+    overviewRulerLanes: 0
+  } : {}, e[1] = n, e[2] = l) : l = e[2];
+  let c;
+  e[3] !== o || e[4] !== l ? (c = {
+    renderSideBySide: o,
+    readOnly: !0,
+    fontSize: 11,
+    minimap: i,
+    wordWrap: "on",
+    scrollBeyondLastLine: !1,
+    ...l
+  }, e[3] = o, e[4] = l, e[5] = c) : c = e[5];
+  const u = c;
+  let h;
+  return e[6] !== r || e[7] !== t || e[8] !== u || e[9] !== s ? (h = /* @__PURE__ */ p(z, { width: "100%", height: "100%", original: s, modified: t, language: r, theme: "ps-theme", options: u, beforeMount: O, onMount: N }), e[6] = r, e[7] = t, e[8] = u, e[9] = s, e[10] = h) : h = e[10], h;
+}
+function N(a, e) {
+  e.editor.setTheme("ps-theme");
+}
+function O(a) {
+  a.editor.defineTheme("ps-theme", _);
+}
+const Y = T.forwardRef(function(e, s) {
+  const t = w(19);
+  let m, f, d, r, o;
+  t[0] !== e ? ({
+    title: o,
+    description: f,
+    icon: d,
+    children: m,
+    ...r
+  } = e, t[0] = e, t[1] = m, t[2] = f, t[3] = d, t[4] = r, t[5] = o) : (m = t[1], f = t[2], d = t[3], r = t[4], o = t[5]);
+  let n;
+  t[6] !== d ? (n = d && /* @__PURE__ */ p(x.Indicator, { children: d }), t[6] = d, t[7] = n) : n = t[7];
+  let i;
+  t[8] !== f || t[9] !== o ? (i = f ? /* @__PURE__ */ L($, { textAlign: "center", children: [
+    /* @__PURE__ */ p(x.Title, { fontWeight: "normal", children: o }),
+    /* @__PURE__ */ p(x.Description, { children: f })
+  ] }) : /* @__PURE__ */ p(x.Title, { fontWeight: "normal", children: o }), t[8] = f, t[9] = o, t[10] = i) : i = t[10];
+  let l;
+  t[11] !== m || t[12] !== n || t[13] !== i ? (l = /* @__PURE__ */ L(x.Content, { children: [
+    n,
+    i,
+    m
+  ] }), t[11] = m, t[12] = n, t[13] = i, t[14] = l) : l = t[14];
+  let c;
+  return t[15] !== s || t[16] !== r || t[17] !== l ? (c = /* @__PURE__ */ p(x.Root, { ref: s, ...r, children: l }), t[15] = s, t[16] = r, t[17] = l, t[18] = c) : c = t[18], c;
+});
+export {
+  H as C,
+  X as D,
+  Y as E,
+  P as a,
+  F as b
+};
+//# sourceMappingURL=empty-state-kQR0gd4j.js.map

package/dist/empty-state-kQR0gd4j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-kQR0gd4j.js","sources":["../src/components/code-editor.tsx","../src/components/diff-bubble.tsx","../src/components/diff-editor.tsx","../src/components/empty-state.tsx"],"sourcesContent":["import { DiffEditor, Editor } from \"@monaco-editor/react\";\n\nexport const customTheme = {\n  base: \"vs-dark\" as const,\n  inherit: true,\n  rules: [],\n  colors: {\n    \"editor.background\": \"#0a0d15\",\n    \"editor.foreground\": \"#f5f5f5\",\n    \"editor.lineHighlightBackground\": \"#22252C\",\n    \"editorCursor.foreground\": \"#A7A7A7\",\n    \"editorWhitespace.foreground\": \"#3B3B3B\",\n    \"editorIndentGuide.background\": \"#404040\",\n    \"editorIndentGuide.activeBackground\": \"#707070\",\n  },\n};\n\ninterface CodeEditorProps {\n  language: string;\n  defaultCode?: string;\n  code?: string;\n  isEditable: boolean;\n  showLineNumbers?: boolean;\n  onChange?: (code: string) => void;\n  disableScroll?: boolean;\n}\n\nexport const CodeEditor = (props: CodeEditorProps) => {\n  const { defaultCode, code, showLineNumbers, isEditable, language = \"javascript\", onChange, disableScroll } = props;\n\n  const options = {\n    tabSize: 2,\n    minimap: {\n      enabled: false,\n    },\n    fontSize: 12,\n    readOnly: !isEditable,\n    lineNumbers: showLineNumbers ? \"on\" : \"off\",\n    ...(disableScroll\n      ? {\n          scrollbar: {\n            vertical: \"hidden\" as const,\n            horizontal: \"hidden\" as const,\n            useShadows: false,\n            alwaysConsumeMouseWheel: false,\n          },\n          scrollBeyondLastLine: false,\n          mouseWheelScrollSensitivity: 0,\n          overviewRulerLanes: 0,\n        }\n      : {}),\n  } as const;\n\n  return (\n    <Editor\n      width=\"100%\"\n      height=\"100%\"\n      language={language}\n      defaultValue={defaultCode}\n      value={code}\n      theme={\"ps-theme\"}\n      options={options}\n      onChange={(value) => {\n        onChange?.(value || \"\");\n      }}\n      beforeMount={(monaco) => {\n        monaco.editor.defineTheme(\"ps-theme\", customTheme);\n      }}\n      onMount={async (editor, monaco) => {\n        monaco.editor.setTheme(\"ps-theme\");\n\n        // Add JSX support\n        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n          jsx: monaco.languages.typescript.JsxEmit.React,\n        });\n\n        // Format on cmd+s\n        editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, async () => {\n          await editor.getAction(\"editor.action.formatDocument\")?.run();\n        });\n\n        // Run format on the initial value\n        await editor.getAction(\"editor.action.formatDocument\")?.run();\n      }}\n    />\n  );\n};\n\ninterface CodeDiffEditorProps {\n  language: string;\n  original: string;\n  modified: string;\n  showLineNumbers?: boolean;\n  disableScroll?: boolean;\n}\n\nexport const CodeDiffEditor = (props: CodeDiffEditorProps) => {\n  const { original, modified, showLineNumbers, language = \"javascript\", disableScroll } = props;\n\n  const options = {\n    tabSize: 2,\n    minimap: {\n      enabled: false,\n    },\n    fontSize: 12,\n    readOnly: true,\n    originalEditable: false,\n    renderSideBySide: true,\n    useInlineViewWhenSpaceIsTooSmall: true,\n    lineNumbers: showLineNumbers ? \"on\" : \"off\",\n    ...(disableScroll\n      ? {\n          scrollbar: {\n            vertical: \"hidden\" as const,\n            horizontal: \"hidden\" as const,\n            useShadows: false,\n            alwaysConsumeMouseWheel: false,\n          },\n          scrollBeyondLastLine: false,\n          mouseWheelScrollSensitivity: 0,\n          overviewRulerLanes: 0,\n        }\n      : {}),\n  } as const;\n\n  return (\n    <DiffEditor\n      width=\"100%\"\n      height=\"100%\"\n      language={language}\n      original={original}\n      modified={modified}\n      theme={\"ps-theme\"}\n      options={options}\n      beforeMount={(monaco) => {\n        monaco.editor.defineTheme(\"ps-theme\", customTheme);\n      }}\n      onMount={(_, monaco) => {\n        monaco.editor.setTheme(\"ps-theme\");\n\n        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({\n          jsx: monaco.languages.typescript.JsxEmit.React,\n        });\n      }}\n    />\n  );\n};\n","import { Span } from \"@chakra-ui/react\";\nimport type React from \"react\";\nimport type { ComponentProps, MouseEvent } from \"react\";\n\ninterface DiffBubbleProps extends Omit<ComponentProps<typeof Span>, \"onClick\"> {\n  fileName?: string;\n  additions: number;\n  deletions: number;\n  label?: React.ReactNode;\n  variant?: \"outline\" | \"ghost\";\n  size?: \"default\" | \"small\";\n  onClick?: (event: MouseEvent<HTMLSpanElement>) => void;\n  onClickFileLink?: () => void;\n}\n\nexport const DiffBubble = (props: DiffBubbleProps) => {\n  const {\n    fileName,\n    additions,\n    deletions,\n    label,\n    variant = \"outline\",\n    size = \"default\",\n    onClick,\n    onClickFileLink,\n  } = props;\n\n  const isSmall = size === \"small\";\n\n  return (\n    <Span\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      gap={\"2xs\"}\n      border={variant === \"outline\" ? \"1px solid\" : \"none\"}\n      borderColor=\"border.muted\"\n      color=\"fg.muted\"\n      paddingX={variant === \"outline\" ? (isSmall ? \"3xs\" : \"2xs\") : \"2px\"}\n      paddingY=\"1px\"\n      borderRadius=\"xs\"\n      textStyle={isSmall ? \"label/S/regular\" : undefined}\n      cursor={onClick ? \"pointer\" : \"default\"}\n      onClick={onClick}\n      _hover={{\n        background: \"bg.muted\",\n      }}\n    >\n      {label}\n      {fileName && (\n        <Span\n          display=\"inline-block\"\n          maxW=\"24ch\"\n          truncate\n          mr=\"xs\"\n          title={fileName}\n          onClick={(e) => {\n            e.stopPropagation();\n            onClickFileLink?.();\n          }}\n          cursor={onClickFileLink ? \"pointer\" : \"default\"}\n          _hover={{\n            textDecoration: onClickFileLink ? \"underline\" : \"none\",\n            color: onClickFileLink ? \"fg.blue-dark\" : \"fg.muted\",\n          }}\n        >\n          {fileName}\n        </Span>\n      )}\n      <Span color=\"fg.success\">{`+${additions}`}</Span>\n      <Span color=\"fg.error\">{`-${deletions}`}</Span>\n    </Span>\n  );\n};\n","import { DiffEditor as MonacoDiffEditor } from \"@monaco-editor/react\";\nimport { customTheme } from \"./code-editor\";\n\ninterface DiffEditorProps {\n  original: string;\n  modified: string;\n  language?: string;\n  sideBySide?: boolean;\n  disableScroll?: boolean;\n}\n\nexport function DiffEditor(props: DiffEditorProps) {\n  const { original, modified, language = \"plaintext\", sideBySide = false, disableScroll = true } = props;\n\n  const options = {\n    renderSideBySide: sideBySide,\n    readOnly: true,\n    fontSize: 11,\n    minimap: { enabled: false },\n    wordWrap: \"on\" as const,\n    scrollBeyondLastLine: false,\n    ...(disableScroll\n      ? {\n          scrollbar: {\n            vertical: \"hidden\" as const,\n            horizontal: \"hidden\" as const,\n            useShadows: false,\n            alwaysConsumeMouseWheel: false,\n          },\n          overviewRulerLanes: 0,\n        }\n      : {}),\n  } as const;\n\n  return (\n    <MonacoDiffEditor\n      width=\"100%\"\n      height=\"100%\"\n      original={original}\n      modified={modified}\n      language={language}\n      theme=\"ps-theme\"\n      options={options}\n      beforeMount={(monaco) => {\n        monaco.editor.defineTheme(\"ps-theme\", customTheme);\n      }}\n      onMount={(_editor, monaco) => {\n        monaco.editor.setTheme(\"ps-theme\");\n      }}\n    />\n  );\n}\n","import { EmptyState as ChakraEmptyState, VStack } from \"@chakra-ui/react\";\nimport * as React from \"react\";\n\nexport interface EmptyStateProps extends ChakraEmptyState.RootProps {\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n}\n\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(props, ref) {\n  const { title, description, icon, children, ...rest } = props;\n  return (\n    <ChakraEmptyState.Root ref={ref} {...rest}>\n      <ChakraEmptyState.Content>\n        {icon && <ChakraEmptyState.Indicator>{icon}</ChakraEmptyState.Indicator>}\n        {description ? (\n          <VStack textAlign=\"center\">\n            <ChakraEmptyState.Title fontWeight=\"normal\">{title}</ChakraEmptyState.Title>\n            <ChakraEmptyState.Description>{description}</ChakraEmptyState.Description>\n          </VStack>\n        ) : (\n          <ChakraEmptyState.Title fontWeight=\"normal\">{title}</ChakraEmptyState.Title>\n        )}\n        {children}\n      </ChakraEmptyState.Content>\n    </ChakraEmptyState.Root>\n  );\n});\n"],"names":["customTheme","base","inherit","rules","colors","CodeEditor","props","$","_c","defaultCode","code","showLineNumbers","isEditable","language","t0","onChange","disableScroll","undefined","t1","Symbol","for","enabled","t2","t3","t4","scrollbar","vertical","horizontal","useShadows","alwaysConsumeMouseWheel","scrollBeyondLastLine","mouseWheelScrollSensitivity","overviewRulerLanes","t5","tabSize","minimap","fontSize","readOnly","lineNumbers","options","t6","value","t7","Editor","_temp","_temp2","CodeDiffEditor","original","modified","originalEditable","renderSideBySide","useInlineViewWhenSpaceIsTooSmall","jsx","DiffEditor","_temp3","_temp4","monaco","editor","defineTheme","monaco_0","setTheme","languages","typescript","typescriptDefaults","setCompilerOptions","JsxEmit","React","addCommand","KeyMod","CtrlCmd","KeyCode","KeyS","getAction","run","_","DiffBubble","fileName","additions","deletions","label","variant","size","onClick","onClickFileLink","isSmall","background","Span","e","stopPropagation","textDecoration","color","t8","t9","t10","t11","t12","sideBySide","wordWrap","MonacoDiffEditor","_editor","EmptyState","forwardRef","ref","children","description","icon","rest","title","ChakraEmptyState","jsxs","VStack"],"mappings":";;;;;AAEO,MAAMA,IAAc;AAAA,EACzBC,MAAM;AAAA,EACNC,SAAS;AAAA,EACTC,OAAO,CAAA;AAAA,EACPC,QAAQ;AAAA,IACN,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kCAAkC;AAAA,IAClC,2BAA2B;AAAA,IAC3B,+BAA+B;AAAA,IAC/B,gCAAgC;AAAA,IAChC,sCAAsC;AAAA,EAAA;AAE1C,GAYaC,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACxB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAA6GV,GAArDO,IAAAC,MAAAG,SAAA,eAAAH;AAAuB,MAAAI;AAAA,EAAAX,EAAA,CAAA,MAAAY,uBAAAC,IAAA,2BAAA,KAIpEF,IAAA;AAAA,IAAAG,SACE;AAAA,EAAA,GACVd,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAES,QAAAe,KAACV,GACEW,IAAAZ,IAAA,OAAA;AAA8B,MAAAa;AAAA,EAAAjB,SAAAS,KACvCQ,IAAAR,IAAA;AAAA,IAAAS,WAEa;AAAA,MAAAC,UACC;AAAA,MAAiBC,YACf;AAAA,MAAiBC,YACjB;AAAA,MAAKC,yBACQ;AAAA,IAAA;AAAA,IAC1BC,sBACqB;AAAA,IAAKC,6BACE;AAAA,IAACC,oBACV;AAAA,EAAA,IAVtB,CAAA,GAYEzB,OAAAS,GAAAT,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAA0B;AAAA,EAAA1B,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAAAhB,EAAA,CAAA,MAAAiB,KApBQS,IAAA;AAAA,IAAAC,SACL;AAAA,IAACC,SACDjB;AAAAA,IAERkB,UACS;AAAA,IAAEC,UACFf;AAAAA,IAAWgB,aACRf;AAAAA,IAA8B,GACvCC;AAAAA,EAAAA,GAaLjB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAiB,GAAAjB,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AArBD,QAAAgC,IAAgBN;AAqBL,MAAAO;AAAA,EAAAjC,SAAAQ,KAWGyB,IAAAC,CAAAA,MAAA;AACR1B,IAAAA,IAAW0B,KAAA,EAAW;AAAA,EAAC,GACxBlC,OAAAQ,GAAAR,OAAAiC,KAAAA,IAAAjC,EAAA,CAAA;AAAA,MAAAmC;AAAA,SAAAnC,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAgC,KAAAhC,UAAAiC,KAVHE,sBAACC,GAAA,EACO,OAAA,QACC,QAAA,QACG9B,UAAAA,GACIJ,cAAAA,GACPC,OAAAA,GACA,OAAA,YACE6B,SAAAA,GACC,UAAAC,GAGG,aAAAI,GAGJ,SAAAC,GAeR,GACDtC,OAAAG,GAAAH,QAAAE,GAAAF,QAAAM,GAAAN,QAAAgC,GAAAhC,QAAAiC,GAAAjC,QAAAmC,KAAAA,IAAAnC,EAAA,EAAA,GA9BFmC;AA8BE,GAYOI,IAAiBxC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAC5B;AAAA,IAAAuC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAArC,iBAAAA;AAAAA,IAAAE,UAAAC;AAAAA,IAAAE,eAAAA;AAAAA,EAAAA,IAAwFV,GAA3CO,IAAAC,MAAAG,SAAA,eAAAH;AAAuB,MAAAI;AAAA,EAAAX,EAAA,CAAA,MAAAY,uBAAAC,IAAA,2BAAA,KAIzDF,IAAA;AAAA,IAAAG,SACE;AAAA,EAAA,GACVd,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAMY,QAAAe,IAAAX,IAAA,OAAA;AAA8B,MAAAY;AAAA,EAAAhB,SAAAS,KACvCO,IAAAP,IAAA;AAAA,IAAAS,WAEa;AAAA,MAAAC,UACC;AAAA,MAAiBC,YACf;AAAA,MAAiBC,YACjB;AAAA,MAAKC,yBACQ;AAAA,IAAA;AAAA,IAC1BC,sBACqB;AAAA,IAAKC,6BACE;AAAA,IAACC,oBACV;AAAA,EAAA,IAVtB,CAAA,GAYEzB,OAAAS,GAAAT,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAvBQC,IAAA;AAAA,IAAAU,SACL;AAAA,IAACC,SACDjB;AAAAA,IAERkB,UACS;AAAA,IAAEC,UACF;AAAA,IAAIY,kBACI;AAAA,IAAKC,kBACL;AAAA,IAAIC,kCACY;AAAA,IAAIb,aACzBhB;AAAAA,IAA8B,GACvCC;AAAAA,EAAAA,GAaLhB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAxBD,QAAAgC,IAAgBf;AAwBL,MAAAS;AAAA,SAAA1B,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAyC,KAAAzC,EAAA,CAAA,MAAAgC,KAAAhC,SAAAwC,KAGTd,IAAA,gBAAAmB,EAACC,GAAA,EACO,OAAA,QACC,QAAA,QACGxC,UAAAA,GACAkC,UAAAA,GACAC,UAAAA,GACH,OAAA,YACET,SAAAA,GACI,aAAAe,GAGJ,SAAAC,GAMR,GACDhD,OAAAM,GAAAN,OAAAyC,GAAAzC,OAAAgC,GAAAhC,OAAAwC,GAAAxC,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAlBF0B;AAkBE;AArHoB,SAAAW,EAAAY,GAAA;AAuClBA,EAAAA,EAAMC,OAAOC,YAAa,YAAY1D,CAAW;AAAC;AAvChC,eAAA6C,EAAAY,GAAAE,GAAA;AA0ClBH,EAAAA,EAAMC,OAAOG,SAAU,UAAU,GAGjCJ,EAAMK,UAAUC,WAAWC,mBAAmBC,mBAAoB;AAAA,IAAAZ,KAC3DI,EAAMK,UAAUC,WAAWG,QAAQC;AAAAA,EAAAA,CACzC,GAGDT,EAAMU,WAAYX,EAAMY,OAAOC,UAAWb,EAAMc,QAAQC,MAAO,YAAA;AAC7D,UAAMd,EAAMe,UAAW,8BAAmC,GAACC,IAAAA;AAAAA,EAAE,CAC9D,GAGD,MAAMhB,EAAMe,UAAW,8BAAmC,GAACC,IAAAA;AAAE;AAcvC,SAAAnB,EAAAE,GAAA;AAuCtBA,EAAAA,EAAMC,OAAOC,YAAa,YAAY1D,CAAW;AAAC;AAvC5B,SAAAuD,EAAAmB,GAAAf,GAAA;AA0CtBH,EAAAA,EAAMC,OAAOG,SAAU,UAAU,GAEjCJ,EAAMK,UAAUC,WAAWC,mBAAmBC,mBAAoB;AAAA,IAAAZ,KAC3DI,EAAMK,UAAUC,WAAWG,QAAQC;AAAAA,EAAAA,CACzC;AAAC;AC/HH,MAAMS,IAAarE,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACxB;AAAA,IAAAoE,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAlE;AAAAA,IAAAmE,MAAA/D;AAAAA,IAAAgE,SAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,EAAAA,IASI7E,GAJF0E,IAAAlE,MAAAG,SAAA,YAAAH,GAMFsE,KALElE,MAAAD,SAAA,YAAAC,OAKuB,SAObI,IAAA0D,MAAY,YAAZ,cAAA,QAGEzD,IAAAyD,MAAY,YAAaI,IAAA,QAAA,QAAzB,OAGC5D,IAAA4D,IAAA,oBAAAnE,QACHgB,IAAAiD,IAAA,YAAA;AAA+B,MAAA1C;AAAA,EAAAjC,EAAA,CAAA,MAAAY,uBAAAC,IAAA,2BAAA,KAE/BoB,IAAA;AAAA,IAAA6C,YACM;AAAA,EAAA,GACb9E,OAAAiC,KAAAA,IAAAjC,EAAA,CAAA;AAAA,MAAAmC;AAAA,EAAAnC,EAAA,CAAA,MAAAqE,KAAArE,SAAA4E,KAGAzC,IAAAkC,KACC,gBAAAxB,EAACkC,GAAA,EACS,SAAA,gBACH,MAAA,QACL,UAAA,IACG,IAAA,MACIV,OAAAA,GACE,SAAAW,CAAAA,MAAA;AACPA,IAAAA,EAACC,gBAAAA,GACDL,IAAAA;AAAAA,EAAmB,GAEb,QAAAA,IAAA,YAAA,WACA,QAAA;AAAA,IAAAM,gBACUN,IAAA,cAAA;AAAA,IAAsCO,OAC/CP,IAAA,iBAAA;AAAA,EAAA,GAGRP,UAAAA,GACH,GACDrE,OAAAqE,GAAArE,OAAA4E,GAAA5E,OAAAmC,KAAAA,IAAAnC,EAAA,CAAA;AACyB,QAAAoF,IAAA,IAAId,CAAS;AAAE,MAAAe;AAAA,EAAArF,SAAAoF,KAAzCC,IAAA,gBAAAxC,EAACkC,GAAA,EAAW,OAAA,cAAcK,UAAAA,GAAgB,GAAOpF,OAAAoF,GAAApF,OAAAqF,KAAAA,IAAArF,EAAA,CAAA;AACzB,QAAAsF,IAAA,IAAIf,CAAS;AAAE,MAAAgB;AAAA,EAAAvF,SAAAsF,KAAvCC,IAAA,gBAAA1C,EAACkC,GAAA,EAAW,OAAA,YAAYO,UAAAA,GAAgB,GAAOtF,OAAAsF,GAAAtF,OAAAuF,KAAAA,IAAAvF,EAAA,CAAA;AAAA,MAAAwF;AAAA,SAAAxF,EAAA,CAAA,MAAAwE,KAAAxE,EAAA,CAAA,MAAA2E,KAAA3E,UAAAuF,KAAAvF,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAiB,KAAAjB,EAAA,EAAA,MAAA0B,KAAA1B,EAAA,EAAA,MAAAmC,KAAAnC,UAAAqF,KAvCjDG,sBAACT,GAAA,EACS,SAAA,eACG,YAAA,UACN,KAAA,OACG,QAAAhE,GACI,aAAA,gBACN,OAAA,YACI,UAAAC,GACD,UAAA,OACI,cAAA,MACF,WAAAC,GACH,QAAAS,GACCiD,SAAAA,GACD,QAAA1C,GAIPuC,UAAAA;AAAAA,IAAAA;AAAAA,IACArC;AAAAA,IAoBDkD;AAAAA,IACAE;AAAAA,EAAAA,GACF,GAAOvF,OAAAwE,GAAAxE,OAAA2E,GAAA3E,QAAAuF,GAAAvF,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAA0B,GAAA1B,QAAAmC,GAAAnC,QAAAqF,GAAArF,QAAAwF,KAAAA,IAAAxF,EAAA,EAAA,GAxCPwF;AAwCO;AC3DJ,SAAA1C,EAAA/C,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACL;AAAA,IAAAuC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAnC,UAAAC;AAAAA,IAAAkF,YAAA9E;AAAAA,IAAAF,eAAAM;AAAAA,EAAAA,IAAiGhB,GAArEO,IAAAC,MAAAG,SAAA,cAAAH,GAAwBkF,IAAA9E,MAAAD,SAAA,KAAAC,GAAoBF,IAAAM,MAAAL,SAAA,KAAAK;AAAoB,MAAAC;AAAA,EAAAhB,EAAA,CAAA,MAAAY,uBAAAC,IAAA,2BAAA,KAMjFG,IAAA;AAAA,IAAAF,SAAW;AAAA,EAAA,GAAOd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,SAAAS,KAGvBQ,IAAAR,IAAA;AAAA,IAAAS,WAEa;AAAA,MAAAC,UACC;AAAA,MAAiBC,YACf;AAAA,MAAiBC,YACjB;AAAA,MAAKC,yBACQ;AAAA,IAAA;AAAA,IAC1BG,oBACmB;AAAA,EAAA,IARtB,CAAA,GAUEzB,OAAAS,GAAAT,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAA0B;AAAA,EAAA1B,EAAA,CAAA,MAAAyF,KAAAzF,SAAAiB,KAjBQS,IAAA;AAAA,IAAAiB,kBACI8C;AAAAA,IAAU3D,UAClB;AAAA,IAAID,UACJ;AAAA,IAAED,SACHZ;AAAAA,IAAkB0E,UACjB;AAAA,IAAanE,sBACD;AAAA,IAAK,GACvBN;AAAAA,EAAAA,GAWLjB,OAAAyF,GAAAzF,OAAAiB,GAAAjB,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAlBD,QAAAgC,IAAgBN;AAkBL,MAAAO;AAAA,SAAAjC,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAyC,KAAAzC,EAAA,CAAA,MAAAgC,KAAAhC,SAAAwC,KAGTP,IAAA,gBAAAY,EAAC8C,GAAA,EACO,OAAA,QACC,QAAA,QACGnD,UAAAA,GACAC,UAAAA,GACAnC,UAAAA,GACJ,OAAA,YACG0B,SAAAA,GACI,aAAAK,GAGJ,SAAAC,GAER,GACDtC,OAAAM,GAAAN,OAAAyC,GAAAzC,OAAAgC,GAAAhC,OAAAwC,GAAAxC,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GAdFiC;AAcE;AAtCC,SAAAK,EAAAsD,GAAAxC,GAAA;AAoCCH,EAAAA,EAAMC,OAAOG,SAAU,UAAU;AAAC;AApCnC,SAAAhB,EAAAY,GAAA;AAiCCA,EAAAA,EAAMC,OAAOC,YAAa,YAAY1D,CAAW;AAAC;ACnCnD,MAAMoG,IAAalC,EAAMmC,WAA4C,SAAA/F,GAAAgG,GAAA;AAAA,QAAA/F,IAAAC,EAAA,EAAA;AAAA,MAAA+F,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAApG,SAAAD,KAC1E;AAAA,IAAAqG,OAAAA;AAAAA,IAAAH,aAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAAwDpG,GAAMC,OAAAD,GAAAC,OAAAgG,GAAAhG,OAAAiG,GAAAjG,OAAAkG,GAAAlG,OAAAmG,GAAAnG,OAAAoG,MAAAJ,IAAAhG,EAAA,CAAA,GAAAiG,IAAAjG,EAAA,CAAA,GAAAkG,IAAAlG,EAAA,CAAA,GAAAmG,IAAAnG,EAAA,CAAA,GAAAoG,IAAApG,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAkG,KAIvD3F,IAAA2F,KAAQ,gBAAArD,EAAAwD,EAAA,WAAA,EAA6BH,UAAAA,GAAK,GAA6BlG,OAAAkG,GAAAlG,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAiG,KAAAjG,SAAAoG,KACvEzF,IAAAsF,IACC,gBAAAK,EAACC,GAAA,EAAiB,WAAA,UAChB,UAAA;AAAA,IAAA,gBAAA1D,EAAAwD,EAAA,OAAA,EAAmC,YAAA,UAAUD,UAAAA,GAAM;AAAA,IACnD,gBAAAvD,EAAAwD,EAAA,aAAA,EAA+BJ,UAAAA,EAAAA,CAAY;AAAA,EAAA,GAC7C,IAEA,gBAAApD,EAAAwD,EAAA,OAAA,EAAmC,YAAA,UAAUD,UAAAA,GAAM,GACpDpG,OAAAiG,GAAAjG,OAAAoG,GAAApG,QAAAW,KAAAA,IAAAX,EAAA,EAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,EAAA,MAAAgG,KAAAhG,UAAAO,KAAAP,EAAA,EAAA,MAAAW,KATHI,IAAA,gBAAAuF,EAAAD,EAAA,SAAA,EACG9F,UAAAA;AAAAA,IAAAA;AAAAA,IACAI;AAAAA,IAQAqF;AAAAA,EAAAA,GACH,GAA2BhG,QAAAgG,GAAAhG,QAAAO,GAAAP,QAAAW,GAAAX,QAAAe,KAAAA,IAAAf,EAAA,EAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,EAAA,MAAA+F,KAAA/F,UAAAmG,KAAAnG,EAAA,EAAA,MAAAe,KAZ7BC,sBAAAqF,EAAA,MAAA,EAA4BN,KAAAA,GAAG,GAAMI,GACnCpF,UAAAA,GAYF,GAAwBf,QAAA+F,GAAA/F,QAAAmG,GAAAnG,QAAAe,GAAAf,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAbxBgB;AAawB,CAE3B;"}

package/dist/index.js

@@ -4,11 +4,11 @@ import { jsx as i, jsxs as b, Fragment as Ze } from "react/jsx-runtime";
 import { c as A } from "react/compiler-runtime";
 import * as Fe from "react";
 import { useState as me, useRef as xt, useEffect as He, Children as Vt, isValidElement as jt, cloneElement as Xt, Component as Ut, createContext as Yt, useContext as Kt } from "react";
-import { D as qt, a as St, S as ye, E as Ke } from "./scroll-area-DZs-GiIp.js";
-import { C as er, b as tr } from "./scroll-area-DZs-GiIp.js";
+import { D as qt, a as St, E as Ke } from "./empty-state-kQR0gd4j.js";
+import { C as er, b as tr } from "./empty-state-kQR0gd4j.js";
 import { useVirtualizer as Jt } from "@tanstack/react-virtual";
-import { ChevronRight as Ce, ChevronDown as et, FileText as qe, ChevronLeft as Qt, FolderOpen as Zt, Folder as en, Home as tn, ChevronUp as nn, Info as ln, CircleCheck as rn, CircleAlert as on, CircleDashed as sn, PanelLeftClose as an, Settings2 as cn, List as dn, KanbanSquare as un, ArrowDownUp as gn, Filter as fn, GitBranchIcon as pn, Plus as hn, MoreHorizontal as mn } from "lucide-react";
-import { T as Ee } from "./tooltip-Gm7PLwZG.js";
+import { ChevronRight as ye, ChevronDown as et, FileText as qe, ChevronLeft as Qt, FolderOpen as Zt, Folder as en, Home as tn, ChevronUp as nn, Info as ln, CircleCheck as rn, CircleAlert as on, CircleDashed as sn, PanelLeftClose as an, Settings2 as cn, List as dn, KanbanSquare as un, ArrowDownUp as gn, Filter as fn, GitBranchIcon as pn, Plus as hn, MoreHorizontal as mn } from "lucide-react";
+import { S as Ce, T as Ee } from "./tooltip-Dze4WXVl.js";
 import { useStore as yt } from "zustand";
 import { persist as Ct, createJSONStorage as vt } from "zustand/middleware";
 import { createStore as wt } from "zustand/vanilla";
@@ -190,13 +190,13 @@ const Cn = Fe.forwardRef(function(e, n) {
     T.stopPropagation(), r(!t);
   }, e[4] = t, e[5] = p) : p = e[5];
   let h;
-  e[6] !== t ? (h = t ? /* @__PURE__ */ i(et, { size: 16 }) : /* @__PURE__ */ i(Ce, { size: 16 }), e[6] = t, e[7] = h) : h = e[7];
+  e[6] !== t ? (h = t ? /* @__PURE__ */ i(et, { size: 16 }) : /* @__PURE__ */ i(ye, { size: 16 }), e[6] = t, e[7] = h) : h = e[7];
   let m;
   e[8] !== f || e[9] !== p || e[10] !== h ? (m = /* @__PURE__ */ i(Se, { "aria-label": f, variant: "ghost", size: "2xs", onClick: p, flexShrink: 0, children: h }), e[8] = f, e[9] = p, e[10] = h, e[11] = m) : m = e[11];
   let x;
   e[12] !== n.change || e[13] !== n.newPath || e[14] !== n.oldPath || e[15] !== o ? (x = n.change === "renamed" ? /* @__PURE__ */ b($, { as: "span", textStyle: "sm", children: [
     /* @__PURE__ */ i($, { as: "span", color: "fg.muted", textDecoration: "line-through", mr: "xs", children: n.oldPath }),
-    /* @__PURE__ */ i(V, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ i(Ce, { size: 12 }) }),
+    /* @__PURE__ */ i(V, { as: "span", display: "inline-flex", alignItems: "center", verticalAlign: "middle", mr: "xs", children: /* @__PURE__ */ i(ye, { size: 12 }) }),
     n.newPath
   ] }) : n.change === "deleted" ? /* @__PURE__ */ i($, { as: "span", color: "fg.muted", textDecoration: "line-through", textStyle: "sm", children: o }) : /* @__PURE__ */ i($, { as: "span", textStyle: "sm", children: o }), e[12] = n.change, e[13] = n.newPath, e[14] = n.oldPath, e[15] = o, e[16] = x) : x = e[16];
   let y;
@@ -226,10 +226,10 @@ function zi(l) {
     estimateSize: () => 42,
     overscan: 5
   });
-  return e.length === 0 ? /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(ye, { flex: "1", minH: "0", contentProps: {
+  return e.length === 0 ? /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", contentProps: {
     p: "xs",
     spaceY: "xs"
-  }, children: /* @__PURE__ */ i(Ke, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) }) : /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(V, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ i(ye, { position: "absolute", inset: "0", viewportRef: n, contentProps: {
+  }, children: /* @__PURE__ */ i(Ke, { title: "No changes detected", description: "Make some changes to see the diff here.", paddingY: "sm" }) }) }) : /* @__PURE__ */ i(G, { h: "full", minH: "0", gap: "0", children: /* @__PURE__ */ i(V, { position: "relative", flex: "1", minH: "0", children: /* @__PURE__ */ i(Ce, { position: "absolute", inset: "0", viewportRef: n, contentProps: {
     p: "xs"
   }, children: /* @__PURE__ */ i(V, { position: "relative", width: "100%", style: {
     height: t.getTotalSize()
@@ -413,7 +413,7 @@ const Ln = /^(#{1,3})\s+(.+)$/gm, Rn = ".rich-text__h1, .rich-text__h2, .rich-te
   let C;
   e[14] !== o ? (C = /* @__PURE__ */ i($, { textStyle: "sm", fontWeight: "medium", color: "fg", children: o }), e[14] = o, e[15] = C) : C = e[15];
   const w = g ? null : /* @__PURE__ */ b(Ze, { children: [
-    /* @__PURE__ */ i(oe, { as: Ce, color: "fg.subtle" }),
+    /* @__PURE__ */ i(oe, { as: ye, color: "fg.subtle" }),
     /* @__PURE__ */ i($, { textStyle: "sm", color: "fg.muted", children: P?.text })
   ] });
   let v;
@@ -434,7 +434,7 @@ const Ln = /^(#{1,3})\s+(.+)$/gm, Rn = ".rich-text__h1, .rich-text__h2, .rich-te
   ] }), e[22] = v, e[23] = z, e[24] = O) : O = e[24];
   let W;
   e[25] !== d ? (W = (U) => /* @__PURE__ */ i(lt, { heading: U, variant: "minimal", emphasized: !1, isActive: d === U.id, onSelect: T }, U.id), e[25] = d, e[26] = W) : W = e[26];
-  const H = ye, B = "md", N = "6", M = "xs", R = "sticky", F = "calc(100vh - 3rem)";
+  const H = Ce, B = "md", N = "6", M = "xs", R = "sticky", F = "calc(100vh - 3rem)";
   let Y;
   e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ i(oe, { as: qe, color: "fg.subtle" }), e[27] = Y) : Y = e[27];
   let q;
@@ -455,7 +455,7 @@ const Ln = /^(#{1,3})\s+(.+)$/gm, Rn = ".rich-text__h1, .rich-text__h2, .rich-te
   ] }), e[35] = H, e[36] = q, e[37] = ee, e[38] = Z) : Z = e[38], /* @__PURE__ */ b(G, { gap: "0", width: "full", children: [
     /* @__PURE__ */ i(V, { hideFrom: "md", px: "4", py: "2", w: "full", bg: "bg.subtle", borderWidth: "1px", children: /* @__PURE__ */ b(_e.Root, { open: g, onOpenChange: _, children: [
       O,
-      /* @__PURE__ */ i(_e.Content, { children: /* @__PURE__ */ i(ye, { mt: "3", maxH: "30vh", children: /* @__PURE__ */ i(G, { gap: "0", children: a.map(W) }) }) })
+      /* @__PURE__ */ i(_e.Content, { children: /* @__PURE__ */ i(Ce, { mt: "3", maxH: "30vh", children: /* @__PURE__ */ i(G, { gap: "0", children: a.map(W) }) }) })
     ] }) }),
     Z
   ] });
@@ -487,7 +487,7 @@ const it = (l) => {
     f
   ] }), e[8] = d, e[9] = u, e[10] = g, e[11] = f, e[12] = p) : p = e[12];
   let h;
-  e[13] !== r ? (h = r ? null : /* @__PURE__ */ i(Ce, { size: 16 }), e[13] = r, e[14] = h) : h = e[14];
+  e[13] !== r ? (h = r ? null : /* @__PURE__ */ i(ye, { size: 16 }), e[13] = r, e[14] = h) : h = e[14];
   let m;
   e[15] !== n.href || e[16] !== c || e[17] !== p || e[18] !== h ? (m = /* @__PURE__ */ b("a", { href: n.href, children: [
     c,
@@ -532,7 +532,7 @@ const it = (l) => {
   let d;
   e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ i(_e.Indicator, { transition: "transform 0.2s", _open: {
     transform: "rotate(90deg)"
-  }, children: /* @__PURE__ */ i(Ce, { size: 16 }) }), e[3] = d) : d = e[3];
+  }, children: /* @__PURE__ */ i(ye, { size: 16 }) }), e[3] = d) : d = e[3];
   let u;
   e[4] !== c ? (u = /* @__PURE__ */ b(_e.Trigger, { _hover: a, borderRadius: "xs", padding: "sm", height: "2rem", display: "flex", width: "full", gap: "2", alignItems: "center", cursor: "pointer", justifyContent: "space-between", children: [
     c,
@@ -726,7 +726,9 @@ const It = {
     value: ee,
     bg: F,
     _hover: Z,
-    _focus: U
+    _focus: U,
+    textDecoration: "none",
+    color: "inherit"
   }, e[20] = F, e[21] = n, e[22] = I, e[23] = k, e[24] = v, e[25] = Q, e[26] = te, e[27] = ee, e[28] = S, e[29] = R.minHeight, e[30] = R.paddingX, e[31] = R.paddingY, e[32] = C, e[33] = ie) : ie = e[33];
   const ce = ie;
   if (r && t) {
@@ -740,12 +742,7 @@ const It = {
           break e;
         }
         let ge;
-        e[39] !== K ? (ge = /* @__PURE__ */ i(rt, { ...K }), e[39] = K, e[40] = ge) : ge = e[40], fe = /* @__PURE__ */ i(tt, { asChild: !0, ...ce, children: Xt(be, {
-          style: {
-            textDecoration: "none",
-            color: "inherit"
-          }
-        }, ge) });
+        e[39] !== K ? (ge = /* @__PURE__ */ i(rt, { ...K }), e[39] = K, e[40] = ge) : ge = e[40], fe = /* @__PURE__ */ i(tt, { asChild: !0, ...ce, children: Xt(be, void 0, ge) });
       }
       e[34] = t, e[35] = ce, e[36] = K, e[37] = fe, e[38] = ae;
     } else
@@ -783,7 +780,7 @@ function Wn(l) {
   let a;
   e[0] !== s.headerHeight || e[1] !== s.headerPadding || e[2] !== s.headerTextStyle || e[3] !== n ? (a = n && /* @__PURE__ */ i(we, { height: s.headerHeight, p: s.headerPadding, borderBottomWidth: "1px", alignItems: "center", children: /* @__PURE__ */ i($, { pb: "0", textStyle: s.headerTextStyle, color: "fg.muted", children: n }) }), e[0] = s.headerHeight, e[1] = s.headerPadding, e[2] = s.headerTextStyle, e[3] = n, e[4] = a) : a = e[4];
   let c;
-  e[5] !== t || e[6] !== s.contentGap || e[7] !== s.contentPadding ? (c = t && /* @__PURE__ */ i(ye, { flex: "1", minH: "0", contentProps: {
+  e[5] !== t || e[6] !== s.contentGap || e[7] !== s.contentPadding ? (c = t && /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", contentProps: {
     p: s.contentPadding,
     spaceY: s.contentGap
   }, children: t }), e[5] = t, e[6] = s.contentGap, e[7] = s.contentPadding, e[8] = c) : c = e[8];
@@ -955,7 +952,7 @@ const Fn = (l) => {
   e[18] !== m || e[19] !== B ? (M = /* @__PURE__ */ i(de, { "aria-label": "Go to parent directory", variant: "outline", size: "sm", onClick: m, disabled: B, children: N }), e[18] = m, e[19] = B, e[20] = M) : M = e[20];
   const R = I || "Home";
   let F;
-  e[21] !== R ? (F = /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: R }), e[21] = R, e[22] = F) : F = e[22];
+  e[21] !== R ? (F = /* @__PURE__ */ i($, { "data-testid": "folder-picker-path", textStyle: "paragraph/S/regular", color: "fg.muted", flex: "1", lineClamp: 1, children: R }), e[21] = R, e[22] = F) : F = e[22];
   let Y;
   e[23] !== H || e[24] !== M || e[25] !== F ? (Y = /* @__PURE__ */ b(G, { direction: "row", gap: "sm", align: "center", children: [
     H,
@@ -967,7 +964,7 @@ const Fn = (l) => {
     padding: "sm"
   }, e[27] = q) : q = e[27];
   let J;
-  e[28] !== s || e[29] !== _ || e[30] !== T || e[31] !== x || e[32] !== k || e[33] !== w ? (J = /* @__PURE__ */ i(ye, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: q, children: T ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : _ ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "red.500", children: _ }) : s.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ i(G, { gap: "xs", children: s.map((ie) => /* @__PURE__ */ i(Vn, { entry: ie, selectedPath: k, selectedPathSet: w, onEntryClick: x }, ie.path)) }) }), e[28] = s, e[29] = _, e[30] = T, e[31] = x, e[32] = k, e[33] = w, e[34] = J) : J = e[34];
+  e[28] !== s || e[29] !== _ || e[30] !== T || e[31] !== x || e[32] !== k || e[33] !== w ? (J = /* @__PURE__ */ i(Ce, { borderWidth: "1px", borderRadius: "md", borderColor: "border.muted", maxHeight: "320px", contentProps: q, children: T ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "Loading..." }) : _ ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "red.500", children: _ }) : s.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", children: "No entries found." }) : /* @__PURE__ */ i(G, { gap: "xs", children: s.map((ie) => /* @__PURE__ */ i(Vn, { entry: ie, selectedPath: k, selectedPathSet: w, onEntryClick: x }, ie.path)) }) }), e[28] = s, e[29] = _, e[30] = T, e[31] = x, e[32] = k, e[33] = w, e[34] = J) : J = e[34];
   let K;
   e[35] !== Y || e[36] !== J ? (K = /* @__PURE__ */ i(se.Body, { children: /* @__PURE__ */ b(G, { gap: "md", children: [
     Y,
@@ -1208,7 +1205,7 @@ const Kn = (l) => l === "completed" ? rn : l === "failed" ? on : sn, qn = (l) =>
   let T;
   e[14] !== t.label || e[15] !== D ? (T = /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: D, truncate: !0, children: t.label }), e[14] = t.label, e[15] = D, e[16] = T) : T = e[16];
   let _;
-  e[17] !== f || e[18] !== u ? (_ = u ? /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(Ce, { size: 14, style: {
+  e[17] !== f || e[18] !== u ? (_ = u ? /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(ye, { size: 14, style: {
     transform: f ? "rotate(90deg)" : "rotate(0deg)",
     transition: "120ms"
   } }) }) : null, e[17] = f, e[18] = u, e[19] = _) : _ = e[19];
@@ -1283,13 +1280,13 @@ const Kn = (l) => l === "completed" ? rn : l === "failed" ? on : sn, qn = (l) =>
     let f;
     e[9] !== o || e[10] !== r || e[11] !== t || e[12] !== s || e[13] !== a || e[14] !== d || e[15] !== c ? (f = (p) => {
       const h = p.label ? Pt(p.id, t) : !0;
-      return /* @__PURE__ */ b(G, { gap: "0", children: [
+      return /* @__PURE__ */ b(G, { gap: "0", "data-testid": `sidebar-section-${p.id}`, children: [
         p.label ? /* @__PURE__ */ b(X, { className: "group", justify: "space-between", align: "center", px: "1", py: "2xs", minH: "7", cursor: "pointer", borderRadius: "xs", _hover: {
           bg: "bg.subtle"
         }, onClick: () => c(p.id), children: [
           /* @__PURE__ */ b(X, { gap: "1", flex: "1", minW: "0", children: [
             /* @__PURE__ */ i($, { textStyle: "label/XS", textTransform: "uppercase", color: "fg.muted", letterSpacing: "0.08em", truncate: !0, children: p.label }),
-            /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(Ce, { size: 14, style: {
+            /* @__PURE__ */ i(V, { color: "fg.muted", flexShrink: 0, children: /* @__PURE__ */ i(ye, { size: 14, style: {
               transform: h ? "rotate(90deg)" : "rotate(0deg)",
               transition: "120ms"
             } }) })
@@ -1428,11 +1425,11 @@ const ot = {
   let C;
   e[4] !== o || e[5] !== S ? (C = /* @__PURE__ */ i(cl, { onClose: S, children: o }), e[4] = o, e[5] = S, e[6] = C) : C = e[6];
   let w;
-  e[7] !== r || e[8] !== m || e[9] !== I || e[10] !== y || e[11] !== u || e[12] !== g || e[13] !== t || e[14] !== D || e[15] !== P ? (w = /* @__PURE__ */ i(ye, { flex: "1", children: t.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ i(Zn, { sections: t, expandedSections: y, expandedNodes: I, activeNodeId: r, linkComponent: u, onNavigate: g, onToggleSection: P, onToggleNode: D }) }), e[7] = r, e[8] = m, e[9] = I, e[10] = y, e[11] = u, e[12] = g, e[13] = t, e[14] = D, e[15] = P, e[16] = w) : w = e[16];
+  e[7] !== r || e[8] !== m || e[9] !== I || e[10] !== y || e[11] !== u || e[12] !== g || e[13] !== t || e[14] !== D || e[15] !== P ? (w = /* @__PURE__ */ i(Ce, { flex: "1", children: t.length === 0 ? /* @__PURE__ */ i($, { textStyle: "paragraph/S/regular", color: "fg.muted", p: "3", children: m }) : /* @__PURE__ */ i(Zn, { sections: t, expandedSections: y, expandedNodes: I, activeNodeId: r, linkComponent: u, onNavigate: g, onToggleSection: P, onToggleNode: D }) }), e[7] = r, e[8] = m, e[9] = I, e[10] = y, e[11] = u, e[12] = g, e[13] = t, e[14] = D, e[15] = P, e[16] = w) : w = e[16];
   let v;
   e[17] !== s ? (v = /* @__PURE__ */ i(al, { children: s }), e[17] = s, e[18] = v) : v = e[18];
   let E;
-  return e[19] !== C || e[20] !== w || e[21] !== v || e[22] !== p ? (E = /* @__PURE__ */ b(we, { as: "aside", direction: "column", h: "100%", w: p, minW: p, maxW: p, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
+  return e[19] !== C || e[20] !== w || e[21] !== v || e[22] !== p ? (E = /* @__PURE__ */ b(we, { as: "aside", "data-testid": "sidebar", direction: "column", h: "100%", w: p, minW: p, maxW: p, borderRightWidth: "1px", borderRightColor: "border.muted", bg: "bg", children: [
     C,
     w,
     v
@@ -1793,7 +1790,7 @@ const ji = Fe.forwardRef(function(e, n) {
   let M;
   e[31] !== P ? (M = P.length > 0 && /* @__PURE__ */ i(bt, { gap: "2xs", children: P.map(Sl) }), e[31] = P, e[32] = M) : M = e[32];
   let R;
-  return e[33] !== g || e[34] !== h || e[35] !== p || e[36] !== f || e[37] !== B || e[38] !== N || e[39] !== M || e[40] !== v || e[41] !== E ? (R = /* @__PURE__ */ b(G, { gap: "xs", padding: "sm", borderRadius: "sm", borderWidth: "1px", width: "calc(100% - 8px)", alignSelf: "center", background: "bg", transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: w, cursor: v, draggable: g, onDragStart: f, onDragEnd: p, onClick: h, "data-selected": E, children: [
+  return e[33] !== g || e[34] !== h || e[35] !== p || e[36] !== f || e[37] !== B || e[38] !== N || e[39] !== M || e[40] !== v || e[41] !== E ? (R = /* @__PURE__ */ b(G, { gap: "xs", padding: "sm", borderRadius: "sm", borderWidth: "1px", width: "100%", background: "bg", transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out", _hover: w, cursor: v, draggable: g, onDragStart: f, onDragEnd: p, onClick: h, "data-selected": E, children: [
     B,
     N,
     M
@@ -1846,11 +1843,15 @@ const yl = (l) => {
     let C;
     e[16] !== d || e[17] !== g || e[18] !== D || e[19] !== a || e[20] !== s || e[21] !== r || e[22] !== o || e[23] !== c ? (C = (w) => /* @__PURE__ */ b(G, { "data-testid": `board-column-${w.id}`, gap: "xs", _notFirst: {
       borderLeft: "1px solid",
-      borderColor: "border"
+      borderColor: "border.muted"
     }, background: d === w.id ? "bg.subtle" : "bg", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: w.canDragIn ? y(w.id) : void 0, onDragLeave: w.canDragIn ? k : void 0, onDrop: w.canDragIn ? D(w.id) : void 0, children: [
       /* @__PURE__ */ i(vl, { column: w, onCreateStart: s, onColumnAction: a }),
-      /* @__PURE__ */ i(ye, { flex: "1", minH: "0", contentProps: {
-        spaceY: "sm"
+      /* @__PURE__ */ i(Ce, { flex: "1", minH: "0", verticalScrollbarProps: {
+        margin: "0"
+      }, contentProps: {
+        spaceY: "sm",
+        ps: "xs",
+        pe: "xs"
       }, children: w.groups && w.groups.length > 0 ? w.groups.map((v) => {
         const E = `${w.id}::${v.key}`;
         return /* @__PURE__ */ i(Cl, { group: v, selectedItemId: c, canDragIn: w.canDragIn, canDragOut: w.canDragOut, isDropTarget: g === E, onDragStart: p, onDragEnd: m, onGroupDragOver: (L) => {
@@ -1867,7 +1868,7 @@ const yl = (l) => {
   } else
     _ = e[15];
   let S;
-  return e[25] !== _ ? (S = /* @__PURE__ */ i(ye, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: T, children: _ }), e[25] = _, e[26] = S) : S = e[26], S;
+  return e[25] !== _ ? (S = /* @__PURE__ */ i(Ce, { height: "100%", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: T, children: _ }), e[25] = _, e[26] = S) : S = e[26], S;
 }, Cl = (l) => {
   const e = A(26), {
     group: n,
@@ -1889,7 +1890,7 @@ const yl = (l) => {
   e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => p(Il), e[1] = k) : k = e[1];
   const P = f ? "rotate(90deg)" : "rotate(0deg)";
   let D;
-  e[2] !== P ? (D = /* @__PURE__ */ i(V, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ i(oe, { as: Ce, boxSize: "14px", color: "fg.muted", transform: P, transition: "transform 0.15s ease" }) }), e[2] = P, e[3] = D) : D = e[3];
+  e[2] !== P ? (D = /* @__PURE__ */ i(V, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ i(oe, { as: ye, boxSize: "14px", color: "fg.muted", transform: P, transition: "transform 0.15s ease" }) }), e[2] = P, e[3] = D) : D = e[3];
   let T;
   e[4] !== n.label ? (T = /* @__PURE__ */ i($, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }), e[4] = n.label, e[5] = T) : T = e[5];
   let _;
@@ -2008,7 +2009,7 @@ const kl = [{
     row: n
   } = l, t = n.getIsExpanded(), r = t ? "true" : void 0, o = t ? "Collapse group" : "Expand group", s = t ? "rotate(90deg)" : "rotate(0deg)";
   let a;
-  e[0] !== s ? (a = /* @__PURE__ */ i(Ce, { size: 14, style: {
+  e[0] !== s ? (a = /* @__PURE__ */ i(ye, { size: 14, style: {
     color: "var(--chakra-colors-fg-muted)",
     transform: s,
     transition: "transform 0.15s ease"
@@ -2609,7 +2610,7 @@ export {
   Fi as OpenSourceNoticesScreen,
   Wn as PanelMenu,
   Bi as Properties,
-  ye as ScrollArea,
+  Ce as ScrollArea,
   Jn as SessionIndicator,
   Vi as SidebarNext,
   Zn as SidebarTree,