@pstdio/ui 0.1.0 → 0.2.0

package/dist/components/chat-ui/tool-rendering/build-timeline.d.ts

@@ -5,7 +5,7 @@ export declare const buildTimelineDocFromInvocations: (invocations: ToolPart[],
     items: (import('../components/timeline').Item | {
         indicator: {
             readonly type: "icon";
-            readonly icon: "search" | "dot" | "file" | "patch" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
+            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
         };
         title: TitleSegment[];
         blocks: Block[];
@@ -15,7 +15,7 @@ export declare const createToolTimelineBuilder: (toolRenderers: ToolRenderersMap
     items: (import('../components/timeline').Item | {
         indicator: {
             readonly type: "icon";
-            readonly icon: "search" | "dot" | "file" | "patch" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
+            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
         };
         title: TitleSegment[];
         blocks: Block[];

package/dist/components/checkbox.d.ts

@@ -0,0 +1,8 @@
+import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
+import * as React from "react";
+export interface CheckboxProps extends ChakraCheckbox.RootProps {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.RefObject<HTMLLabelElement | null>;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ReactNode } from 'react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./checkbox').CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+    decorators: ((Story: () => ReactNode) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DefaultChecked: Story;
+export declare const WithLabel: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const Sizes: Story;

package/dist/components/item-section.d.ts

@@ -6,6 +6,6 @@ export interface ItemSectionProps {
     action?: ReactNode;
 }
 /**
- * A collapsible component that displays a section of items (typically MenuItems).
+ * A collapsible section wrapper with a title trigger and optional action.
  */
 export declare const ItemSection: (props: ItemSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/properties.d.ts

@@ -6,13 +6,13 @@ export interface PropertyItem {
 }
 export interface PropertiesProps {
     items: PropertyItem[];
-    title?: string;
-    defaultOpen?: boolean;
 }
 /**
- * A collapsible component that displays a list of properties.
+ * Displays a list of label–value property rows.
  *
  * Each property has a label, an optional description (shown as a tooltip), and a value (ReactNode).
- * All labels have the same fixed width for alignment.
+ * All labels share a fixed width for alignment.
+ *
+ * Wrap with `<ItemSection>` when collapsible behavior is needed.
  */
 export declare const Properties: (props: PropertiesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/utils/inferResourceType.d.ts

@@ -1 +1 @@
-export declare function inferResourceTypeFromMediaType(mediaType: string): "text" | "table" | "image" | "json" | "pdf" | "markdown";
+export declare function inferResourceTypeFromMediaType(mediaType: string): "text" | "table" | "image" | "json" | "markdown" | "pdf";

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,16 @@
+import { ScrollArea as ChakraScrollArea } from '@chakra-ui/react';
+import * as React from "react";
+type VerticalScrollbarProps = Omit<ChakraScrollArea.ScrollbarProps, "orientation">;
+type HorizontalScrollbarProps = Omit<ChakraScrollArea.ScrollbarProps, "orientation">;
+export interface ScrollAreaProps extends ChakraScrollArea.RootProps {
+    viewportRef?: React.Ref<HTMLDivElement>;
+    viewportProps?: ChakraScrollArea.ViewportProps;
+    contentProps?: ChakraScrollArea.ContentProps;
+    verticalScrollbarProps?: VerticalScrollbarProps;
+    horizontalScrollbarProps?: HorizontalScrollbarProps;
+    showVerticalScrollbar?: boolean;
+    showHorizontalScrollbar?: boolean;
+    showCorner?: boolean;
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/scroll-area.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ScrollArea } from './scroll-area';
+declare const meta: Meta<typeof ScrollArea>;
+export default meta;
+type Story = StoryObj<typeof ScrollArea>;
+export declare const Vertical: Story;
+export declare const BothDirections: Story;

package/dist/components/sidebar-next/sidebar-next-footer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface SidebarNextFooterProps {
+    children?: ReactNode;
+}
+export declare const SidebarNextFooter: (props: SidebarNextFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/sidebar-next/sidebar-next-header.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface SidebarNextHeaderProps {
+    children?: ReactNode;
+    onClose: () => void;
+}
+export declare const SidebarNextHeader: (props: SidebarNextHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar-next/sidebar-next.d.ts

@@ -0,0 +1,2 @@
+import { SidebarNextProps } from './sidebar-next.types';
+export declare const SidebarNext: (props: SidebarNextProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/sidebar-next/sidebar-next.store.d.ts

@@ -0,0 +1,47 @@
+interface SidebarNextSnapshot {
+    open: boolean;
+    expandedSections: string[];
+    expandedNodes: string[];
+}
+interface SidebarNextState extends SidebarNextSnapshot {
+    openSidebar: () => void;
+    closeSidebar: () => void;
+    toggleSidebar: () => void;
+    toggleSection: (sectionId: string) => void;
+    toggleNode: (nodeId: string) => void;
+    setSectionExpanded: (sectionId: string, expanded: boolean) => void;
+    setNodeExpanded: (nodeId: string, expanded: boolean) => void;
+    reset: () => void;
+}
+interface CreateSidebarNextStoreOptions {
+    storageKey: string;
+    initialState?: Partial<SidebarNextSnapshot>;
+}
+export declare const createSidebarNextStore: (options: CreateSidebarNextStoreOptions) => Omit<import('zustand').StoreApi<SidebarNextState>, "setState" | "persist"> & {
+    setState(partial: SidebarNextState | Partial<SidebarNextState> | ((state: SidebarNextState) => SidebarNextState | Partial<SidebarNextState>), replace?: false | undefined): unknown;
+    setState(state: SidebarNextState | ((state: SidebarNextState) => SidebarNextState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<SidebarNextState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SidebarNextState) => void) => () => void;
+        onFinishHydration: (fn: (state: SidebarNextState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<SidebarNextState, unknown, unknown>>;
+    };
+};
+export declare const getSidebarNextStore: (storageKey: string) => Omit<import('zustand').StoreApi<SidebarNextState>, "setState" | "persist"> & {
+    setState(partial: SidebarNextState | Partial<SidebarNextState> | ((state: SidebarNextState) => SidebarNextState | Partial<SidebarNextState>), replace?: false | undefined): unknown;
+    setState(state: SidebarNextState | ((state: SidebarNextState) => SidebarNextState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<SidebarNextState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SidebarNextState) => void) => () => void;
+        onFinishHydration: (fn: (state: SidebarNextState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<SidebarNextState, unknown, unknown>>;
+    };
+};
+export declare const useSidebarNextStore: <T>(storageKey: string, selector: (state: SidebarNextState) => T) => T;
+export {};

package/dist/components/sidebar-next/sidebar-next.store.test.d.ts

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

package/dist/components/sidebar-next/sidebar-next.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SidebarNext } from './sidebar-next';
+declare const meta: Meta<typeof SidebarNext>;
+export default meta;
+type Story = StoryObj<typeof SidebarNext>;
+export declare const DefaultDocsTree: Story;
+export declare const HeaderAndFooterLayout: Story;
+export declare const HiddenWithExternalReopen: Story;
+export declare const PersistenceRestore: Story;
+export declare const NamespaceIsolation: Story;

package/dist/components/sidebar-next/sidebar-next.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { SidebarNavigateEvent, SidebarSection } from '../sidebar-tree/sidebar-tree.types';
+export interface SidebarNextProps {
+    storageKey: string;
+    sections: SidebarSection[];
+    activeNodeId?: string | null;
+    header?: ReactNode;
+    footer?: ReactNode;
+    width?: string | number;
+    emptyLabel?: string;
+    onNavigate?: (event: SidebarNavigateEvent) => void;
+    onOpenChange?: (open: boolean) => void;
+}

package/dist/components/sidebar-tree/sidebar-tree.d.ts

@@ -0,0 +1,12 @@
+import { SidebarNavigateEvent, SidebarSection } from './sidebar-tree.types';
+interface SidebarTreeProps {
+    sections: SidebarSection[];
+    expandedSections: string[];
+    expandedNodes: string[];
+    activeNodeId?: string | null;
+    onNavigate?: (event: SidebarNavigateEvent) => void;
+    onToggleSection: (sectionId: string) => void;
+    onToggleNode: (nodeId: string) => void;
+}
+export declare const SidebarTree: (props: SidebarTreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar-tree/sidebar-tree.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SidebarTree } from './sidebar-tree';
+declare const meta: Meta<typeof SidebarTree>;
+export default meta;
+type Story = StoryObj<typeof SidebarTree>;
+export declare const DefaultDocsTree: Story;
+export declare const NodeBehavior: Story;
+export declare const DisabledRows: Story;
+export declare const RowActionsWithMenu: Story;
+export declare const DeepNesting: Story;
+export declare const LongItemNames: Story;
+export declare const EmptySection: Story;
+export declare const ContainerLabelTogglesExpansion: Story;

package/dist/components/sidebar-tree/sidebar-tree.types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+export interface SidebarNavigationIntent {
+    id?: string;
+    payload?: unknown;
+}
+export interface SidebarActionContext {
+    sectionId: string;
+    nodeId?: string;
+}
+export interface SidebarActionMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onAction?: () => void;
+}
+export interface SidebarAction {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    menuItems?: SidebarActionMenuItem[];
+    onAction?: (context: SidebarActionContext) => void;
+}
+export interface SidebarNode {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    isNavigable?: boolean;
+    navigationIntent?: SidebarNavigationIntent;
+    actions?: SidebarAction[];
+    children?: SidebarNode[];
+}
+export interface SidebarSection {
+    id: string;
+    label?: string;
+    actions?: SidebarAction[];
+    emptyState?: ReactNode;
+    nodes: SidebarNode[];
+}
+export interface SidebarNavigateEvent {
+    sectionId: string;
+    nodeId: string;
+    node: SidebarNode;
+    intent?: SidebarNavigationIntent;
+}

package/dist/empty-state-B8mbv7ZH.js

@@ -0,0 +1,128 @@
+import { jsx as u, jsxs as D } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import { Span as k, EmptyState as x, VStack as W } from "@chakra-ui/react";
+import { DiffEditor as z } from "@monaco-editor/react";
+import * as R from "react";
+const F = (h) => {
+  const e = $(18), {
+    fileName: s,
+    additions: t,
+    deletions: f,
+    label: n,
+    variant: d,
+    size: a,
+    onClick: i,
+    onClickFileLink: o
+  } = h, l = d === void 0 ? "outline" : d, c = (a === void 0 ? "default" : a) === "small", g = l === "outline" ? "1px solid" : "none", m = l === "outline" ? c ? "3xs" : "2xs" : "2px", B = c ? "label/S/regular" : void 0, _ = i ? "pointer" : "default";
+  let v;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = {
+    background: "bg.muted"
+  }, e[0] = v) : v = e[0];
+  let p;
+  e[1] !== s || e[2] !== o ? (p = s && /* @__PURE__ */ u(k, { display: "inline-block", maxW: "24ch", truncate: !0, mr: "xs", title: s, onClick: (w) => {
+    w.stopPropagation(), o?.();
+  }, cursor: o ? "pointer" : "default", _hover: {
+    textDecoration: o ? "underline" : "none",
+    color: o ? "fg.blue-dark" : "fg.muted"
+  }, children: s }), e[1] = s, e[2] = o, e[3] = p) : p = e[3];
+  const C = `+${t}`;
+  let b;
+  e[4] !== C ? (b = /* @__PURE__ */ u(k, { color: "fg.success", children: C }), e[4] = C, e[5] = b) : b = e[5];
+  const E = `-${f}`;
+  let S;
+  e[6] !== E ? (S = /* @__PURE__ */ u(k, { color: "fg.error", children: E }), e[6] = E, e[7] = S) : S = e[7];
+  let y;
+  return e[8] !== n || e[9] !== i || e[10] !== S || e[11] !== g || e[12] !== m || e[13] !== B || e[14] !== _ || e[15] !== p || e[16] !== b ? (y = /* @__PURE__ */ D(k, { display: "inline-flex", alignItems: "center", gap: "2xs", border: g, borderColor: "border.muted", color: "fg.muted", paddingX: m, paddingY: "1px", borderRadius: "xs", textStyle: B, cursor: _, onClick: i, _hover: v, children: [
+    n,
+    p,
+    b,
+    S
+  ] }), e[8] = n, e[9] = i, e[10] = S, e[11] = g, e[12] = m, e[13] = B, e[14] = _, e[15] = p, e[16] = b, e[17] = y) : y = e[17], y;
+}, T = {
+  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"
+  }
+};
+function H(h) {
+  const e = $(11), {
+    original: s,
+    modified: t,
+    language: f,
+    sideBySide: n,
+    disableScroll: d
+  } = h, a = f === void 0 ? "plaintext" : f, i = n === void 0 ? !1 : n, o = d === void 0 ? !0 : d;
+  let l;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+    enabled: !1
+  }, e[0] = l) : l = e[0];
+  let r;
+  e[1] !== o ? (r = o ? {
+    scrollbar: {
+      vertical: "hidden",
+      horizontal: "hidden",
+      useShadows: !1,
+      alwaysConsumeMouseWheel: !1
+    },
+    overviewRulerLanes: 0
+  } : {}, e[1] = o, e[2] = r) : r = e[2];
+  let c;
+  e[3] !== i || e[4] !== r ? (c = {
+    renderSideBySide: i,
+    readOnly: !0,
+    fontSize: 11,
+    minimap: l,
+    wordWrap: "on",
+    scrollBeyondLastLine: !1,
+    ...r
+  }, e[3] = i, e[4] = r, e[5] = c) : c = e[5];
+  const g = c;
+  let m;
+  return e[6] !== a || e[7] !== t || e[8] !== g || e[9] !== s ? (m = /* @__PURE__ */ u(z, { width: "100%", height: "100%", original: s, modified: t, language: a, theme: "ps-theme", options: g, beforeMount: I, onMount: A }), e[6] = a, e[7] = t, e[8] = g, e[9] = s, e[10] = m) : m = e[10], m;
+}
+function A(h, e) {
+  e.editor.setTheme("ps-theme");
+}
+function I(h) {
+  h.editor.defineTheme("ps-theme", T);
+}
+const N = R.forwardRef(function(e, s) {
+  const t = $(19);
+  let f, n, d, a, i;
+  t[0] !== e ? ({
+    title: i,
+    description: n,
+    icon: d,
+    children: f,
+    ...a
+  } = e, t[0] = e, t[1] = f, t[2] = n, t[3] = d, t[4] = a, t[5] = i) : (f = t[1], n = t[2], d = t[3], a = t[4], i = t[5]);
+  let o;
+  t[6] !== d ? (o = d && /* @__PURE__ */ u(x.Indicator, { children: d }), t[6] = d, t[7] = o) : o = t[7];
+  let l;
+  t[8] !== n || t[9] !== i ? (l = n ? /* @__PURE__ */ D(W, { textAlign: "center", children: [
+    /* @__PURE__ */ u(x.Title, { fontWeight: "normal", children: i }),
+    /* @__PURE__ */ u(x.Description, { children: n })
+  ] }) : /* @__PURE__ */ u(x.Title, { fontWeight: "normal", children: i }), t[8] = n, t[9] = i, t[10] = l) : l = t[10];
+  let r;
+  t[11] !== f || t[12] !== o || t[13] !== l ? (r = /* @__PURE__ */ D(x.Content, { children: [
+    o,
+    l,
+    f
+  ] }), t[11] = f, t[12] = o, t[13] = l, t[14] = r) : r = t[14];
+  let c;
+  return t[15] !== s || t[16] !== a || t[17] !== r ? (c = /* @__PURE__ */ u(x.Root, { ref: s, ...a, children: r }), t[15] = s, t[16] = a, t[17] = r, t[18] = c) : c = t[18], c;
+});
+export {
+  H as D,
+  N as E,
+  F as a
+};
+//# sourceMappingURL=empty-state-B8mbv7ZH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-B8mbv7ZH.js","sources":["../src/components/diff-bubble.tsx","../src/components/code-editor.tsx","../src/components/diff-editor.tsx","../src/components/empty-state.tsx"],"sourcesContent":["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, 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 { 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":["DiffBubble","props","$","_c","fileName","additions","deletions","label","variant","t0","size","t1","onClick","onClickFileLink","undefined","isSmall","t2","t3","t4","t5","t6","Symbol","for","background","t7","jsx","Span","e","stopPropagation","textDecoration","color","t8","t9","t10","t11","t12","customTheme","base","inherit","rules","colors","DiffEditor","original","modified","language","sideBySide","disableScroll","enabled","scrollbar","vertical","horizontal","useShadows","alwaysConsumeMouseWheel","overviewRulerLanes","renderSideBySide","readOnly","fontSize","minimap","wordWrap","scrollBeyondLastLine","options","MonacoDiffEditor","_temp","_temp2","_editor","monaco_0","monaco","editor","setTheme","defineTheme","EmptyState","React","forwardRef","ref","children","description","icon","rest","title","ChakraEmptyState","jsxs","VStack"],"mappings":"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"}

package/dist/index.d.ts

@@ -2,9 +2,13 @@ export { ChakraProvider } from '@chakra-ui/react';
 export type { AlertProps } from './components/alert';
 export { AlertMessage } from './components/alert';
 export { Breadcrumb } from './components/breadcrumb';
+export type { CheckboxProps } from './components/checkbox';
+export { Checkbox } from './components/checkbox';
 export { ContentPlaceholder, Label as ContentPlaceholderLabel } from './components/content-placeholder';
 export { DeleteConfirmationModal } from './components/delete-confirmation-modal';
 export { DiffBubble } from './components/diff-bubble';
+export type { Diff } from './components/diff-card';
+export { DiffDrawer } from './components/diff-drawer';
 export type { DocsChangelogEntry, DocsChangelogProps } from './components/documentation/docs-changelog';
 export { DocsChangelog } from './components/documentation/docs-changelog';
 export type { DocsOutlineProps } from './components/documentation/docs-outline';
@@ -25,9 +29,16 @@ export { MenuItem } from './components/menu-item';
 export type { OpenSourceNotice, OpenSourceNoticesScreenProps } from './components/open-source-notices-screen';
 export { OpenSourceNoticesScreen } from './components/open-source-notices-screen';
 export { PanelMenu } from './components/panel-menu';
+export type { PropertiesProps, PropertyItem } from './components/properties';
 export { Properties } from './components/properties';
+export { ScrollArea } from './components/scroll-area';
 export type { SessionCompletionStatus } from './components/session-indicator';
 export { SessionIndicator } from './components/session-indicator';
+export { SidebarNext } from './components/sidebar-next/sidebar-next';
+export { useSidebarNextStore } from './components/sidebar-next/sidebar-next.store';
+export type { SidebarNextProps } from './components/sidebar-next/sidebar-next.types';
+export { SidebarTree } from './components/sidebar-tree/sidebar-tree';
+export type { SidebarAction, SidebarActionContext, SidebarActionMenuItem, SidebarNavigateEvent, SidebarNavigationIntent, SidebarNode, SidebarSection, } from './components/sidebar-tree/sidebar-tree.types';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
 export type { TicketBoardColumn, TicketBoardColumnAction, TicketBoardItem } from './components/tickets/ticket-board';