@vybestack/llxprt-ui 0.7.0-nightly.251211.5750c518a

package/src/uicontext/Dialog.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+  type ReactNode,
+} from 'react';
+import { useKeyboard } from '@vybestack/opentui-react';
+
+interface DialogContextValue {
+  readonly replace: (element: ReactNode) => void;
+  readonly clear: () => void;
+  readonly isOpen: boolean;
+}
+
+const DialogContext = createContext<DialogContextValue | null>(null);
+
+export function useDialog(): DialogContextValue {
+  const context = useContext(DialogContext);
+  if (context === null) {
+    throw new Error('useDialog must be used within Dialog');
+  }
+  return context;
+}
+
+interface DialogProps {
+  readonly children: ReactNode;
+}
+
+export function Dialog({ children }: DialogProps): React.ReactNode {
+  const [dialogStack, setDialogStack] = useState<ReactNode[]>([]);
+
+  const replace = useCallback((element: ReactNode) => {
+    setDialogStack([element]);
+  }, []);
+
+  const clear = useCallback(() => {
+    setDialogStack([]);
+  }, []);
+
+  const isOpen = dialogStack.length > 0;
+  const currentDialog = dialogStack[0] ?? null;
+
+  useKeyboard((key) => {
+    if (key.eventType === 'press' && key.name === 'escape' && isOpen) {
+      clear();
+    }
+  });
+
+  const contextValue = useMemo(
+    () => ({ replace, clear, isOpen }),
+    [replace, clear, isOpen],
+  );
+
+  return (
+    <DialogContext.Provider value={contextValue}>
+      {children}
+      {currentDialog}
+    </DialogContext.Provider>
+  );
+}
+
+export type { DialogContextValue };

package/src/uicontext/index.ts

@@ -0,0 +1,2 @@
+export { Dialog, useDialog, type DialogContextValue } from './Dialog';
+export { Command, useCommand, type CommandDef } from './Command';

package/themes/ansi-light.json

@@ -0,0 +1,59 @@
+{
+  "name": "ANSI Light",
+  "slug": "ansi-light",
+  "kind": "light",
+  "colors": {
+    "background": "white",
+    "panel": {
+      "bg": "white",
+      "border": "gray",
+      "headerBg": "white",
+      "headerFg": "#444"
+    },
+    "text": {
+      "primary": "#444",
+      "muted": "gray",
+      "user": "blue",
+      "responder": "orange",
+      "thinking": "gray",
+      "tool": "green"
+    },
+    "input": {
+      "bg": "white",
+      "fg": "#444",
+      "placeholder": "gray",
+      "border": "gray"
+    },
+    "status": {
+      "fg": "green",
+      "muted": "gray"
+    },
+    "accent": {
+      "primary": "blue",
+      "secondary": "purple",
+      "warning": "orange",
+      "error": "red",
+      "success": "green"
+    },
+    "selection": {
+      "fg": "#f8fafc",
+      "bg": "blue"
+    },
+    "diff": {
+      "addedBg": "#E5F2E5",
+      "addedFg": "black",
+      "removedBg": "#FFE5E5",
+      "removedFg": "black"
+    },
+    "scrollbar": {
+      "thumb": "blue",
+      "track": "gray"
+    },
+    "message": {
+      "userBorder": "blue",
+      "systemBorder": "orange",
+      "systemText": "orange",
+      "systemBg": "#f0f0f0"
+    }
+  }
+}

package/themes/ansi.json

@@ -0,0 +1,59 @@
+{
+  "name": "ANSI",
+  "slug": "ansi",
+  "kind": "dark",
+  "colors": {
+    "background": "black",
+    "panel": {
+      "bg": "black",
+      "border": "gray",
+      "headerBg": "black",
+      "headerFg": "white"
+    },
+    "text": {
+      "primary": "white",
+      "muted": "gray",
+      "user": "bluebright",
+      "responder": "yellow",
+      "thinking": "gray",
+      "tool": "green"
+    },
+    "input": {
+      "bg": "black",
+      "fg": "white",
+      "placeholder": "gray",
+      "border": "gray"
+    },
+    "status": {
+      "fg": "green",
+      "muted": "gray"
+    },
+    "accent": {
+      "primary": "blue",
+      "secondary": "magenta",
+      "warning": "yellow",
+      "error": "red",
+      "success": "green"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "blue"
+    },
+    "diff": {
+      "addedBg": "#003300",
+      "addedFg": "white",
+      "removedBg": "#4D0000",
+      "removedFg": "white"
+    },
+    "scrollbar": {
+      "thumb": "blue",
+      "track": "gray"
+    },
+    "message": {
+      "userBorder": "bluebright",
+      "systemBorder": "yellow",
+      "systemText": "yellow",
+      "systemBg": "#1a1a1a"
+    }
+  }
+}

package/themes/atom-one-dark.json

@@ -0,0 +1,59 @@
+{
+  "name": "Atom One",
+  "slug": "atom-one",
+  "kind": "dark",
+  "colors": {
+    "background": "#282c34",
+    "panel": {
+      "bg": "#282c34",
+      "border": "#5c6370",
+      "headerBg": "#282c34",
+      "headerFg": "#abb2bf"
+    },
+    "text": {
+      "primary": "#abb2bf",
+      "muted": "#5c6370",
+      "user": "#61aeee",
+      "responder": "#e6c07b",
+      "thinking": "#5c6370",
+      "tool": "#98c379"
+    },
+    "input": {
+      "bg": "#282c34",
+      "fg": "#abb2bf",
+      "placeholder": "#5c6370",
+      "border": "#5c6370"
+    },
+    "status": {
+      "fg": "#98c379",
+      "muted": "#5c6370"
+    },
+    "accent": {
+      "primary": "#61aeee",
+      "secondary": "#c678dd",
+      "warning": "#e6c07b",
+      "error": "#e06c75",
+      "success": "#98c379"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "#61aeee"
+    },
+    "diff": {
+      "addedBg": "#39544E",
+      "addedFg": "white",
+      "removedBg": "#562B2F",
+      "removedFg": "white"
+    },
+    "scrollbar": {
+      "thumb": "#61aeee",
+      "track": "#5c6370"
+    },
+    "message": {
+      "userBorder": "#61aeee",
+      "systemBorder": "#e6c07b",
+      "systemText": "#e6c07b",
+      "systemBg": "#31363f"
+    }
+  }
+}

package/themes/ayu-light.json

@@ -0,0 +1,59 @@
+{
+  "name": "Ayu Light",
+  "slug": "ayu-light",
+  "kind": "light",
+  "colors": {
+    "background": "#f8f9fa",
+    "panel": {
+      "bg": "#f8f9fa",
+      "border": "#a6aaaf",
+      "headerBg": "#f8f9fa",
+      "headerFg": "#5c6166"
+    },
+    "text": {
+      "primary": "#5c6166",
+      "muted": "#ABADB1",
+      "user": "#55b4d4",
+      "responder": "#f2ae49",
+      "thinking": "#a6aaaf",
+      "tool": "#86b300"
+    },
+    "input": {
+      "bg": "#f8f9fa",
+      "fg": "#5c6166",
+      "placeholder": "#ABADB1",
+      "border": "#a6aaaf"
+    },
+    "status": {
+      "fg": "#86b300",
+      "muted": "#ABADB1"
+    },
+    "accent": {
+      "primary": "#399ee6",
+      "secondary": "#a37acc",
+      "warning": "#f2ae49",
+      "error": "#f07171",
+      "success": "#86b300"
+    },
+    "selection": {
+      "fg": "#f8fafc",
+      "bg": "#399ee6"
+    },
+    "diff": {
+      "addedBg": "#C6EAD8",
+      "addedFg": "#5c6166",
+      "removedBg": "#FFCCCC",
+      "removedFg": "#5c6166"
+    },
+    "scrollbar": {
+      "thumb": "#399ee6",
+      "track": "#a6aaaf"
+    },
+    "message": {
+      "userBorder": "#55b4d4",
+      "systemBorder": "#f2ae49",
+      "systemText": "#f2ae49",
+      "systemBg": "#f0f1f2"
+    }
+  }
+}

package/themes/ayu.json

@@ -0,0 +1,59 @@
+{
+  "name": "Ayu",
+  "slug": "ayu",
+  "kind": "dark",
+  "colors": {
+    "background": "#0b0e14",
+    "panel": {
+      "bg": "#0b0e14",
+      "border": "#3D4149",
+      "headerBg": "#0b0e14",
+      "headerFg": "#bfbdb6"
+    },
+    "text": {
+      "primary": "#bfbdb6",
+      "muted": "#646A71",
+      "user": "#59C2FF",
+      "responder": "#FFB454",
+      "thinking": "#3D4149",
+      "tool": "#AAD94C"
+    },
+    "input": {
+      "bg": "#0b0e14",
+      "fg": "#bfbdb6",
+      "placeholder": "#646A71",
+      "border": "#3D4149"
+    },
+    "status": {
+      "fg": "#AAD94C",
+      "muted": "#646A71"
+    },
+    "accent": {
+      "primary": "#39BAE6",
+      "secondary": "#D2A6FF",
+      "warning": "#FFB454",
+      "error": "#F26D78",
+      "success": "#AAD94C"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "#39BAE6"
+    },
+    "diff": {
+      "addedBg": "#293022",
+      "addedFg": "#bfbdb6",
+      "removedBg": "#3D1215",
+      "removedFg": "#bfbdb6"
+    },
+    "scrollbar": {
+      "thumb": "#39BAE6",
+      "track": "#3D4149"
+    },
+    "message": {
+      "userBorder": "#59C2FF",
+      "systemBorder": "#FFB454",
+      "systemText": "#FFB454",
+      "systemBg": "#151922"
+    }
+  }
+}

package/themes/default-light.json

@@ -0,0 +1,59 @@
+{
+  "name": "Default Light",
+  "slug": "default-light",
+  "kind": "light",
+  "colors": {
+    "background": "#FAFAFA",
+    "panel": {
+      "bg": "#FAFAFA",
+      "border": "#97a0b0",
+      "headerBg": "#FAFAFA",
+      "headerFg": "#1f2937"
+    },
+    "text": {
+      "primary": "#1f2937",
+      "muted": "#008000",
+      "user": "#89BDCD",
+      "responder": "#D5A40A",
+      "thinking": "#97a0b0",
+      "tool": "#3CA84B"
+    },
+    "input": {
+      "bg": "#FAFAFA",
+      "fg": "#1f2937",
+      "placeholder": "#008000",
+      "border": "#97a0b0"
+    },
+    "status": {
+      "fg": "#3CA84B",
+      "muted": "#008000"
+    },
+    "accent": {
+      "primary": "#3B82F6",
+      "secondary": "#8B5CF6",
+      "warning": "#D5A40A",
+      "error": "#DD4C4C",
+      "success": "#3CA84B"
+    },
+    "selection": {
+      "fg": "#f8fafc",
+      "bg": "#3B82F6"
+    },
+    "diff": {
+      "addedBg": "#C6EAD8",
+      "addedFg": "#1f2937",
+      "removedBg": "#FFCCCC",
+      "removedFg": "#1f2937"
+    },
+    "scrollbar": {
+      "thumb": "#3B82F6",
+      "track": "#97a0b0"
+    },
+    "message": {
+      "userBorder": "#89BDCD",
+      "systemBorder": "#D5A40A",
+      "systemText": "#D5A40A",
+      "systemBg": "#f2f2f2"
+    }
+  }
+}

package/themes/default.json

@@ -0,0 +1,59 @@
+{
+  "name": "Default",
+  "slug": "default",
+  "kind": "dark",
+  "colors": {
+    "background": "#1E1E2E",
+    "panel": {
+      "bg": "#1E1E2E",
+      "border": "#6C7086",
+      "headerBg": "#1E1E2E",
+      "headerFg": "#e5e7eb"
+    },
+    "text": {
+      "primary": "#e5e7eb",
+      "muted": "#6C7086",
+      "user": "#ADD8E6",
+      "responder": "#F9E2AF",
+      "thinking": "#6C7086",
+      "tool": "#A6E3A1"
+    },
+    "input": {
+      "bg": "#1E1E2E",
+      "fg": "#e5e7eb",
+      "placeholder": "#6C7086",
+      "border": "#6C7086"
+    },
+    "status": {
+      "fg": "#A6E3A1",
+      "muted": "#6C7086"
+    },
+    "accent": {
+      "primary": "#89B4FA",
+      "secondary": "#CBA6F7",
+      "warning": "#F9E2AF",
+      "error": "#F38BA8",
+      "success": "#A6E3A1"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "#89B4FA"
+    },
+    "diff": {
+      "addedBg": "#28350B",
+      "addedFg": "#e5e7eb",
+      "removedBg": "#430000",
+      "removedFg": "#e5e7eb"
+    },
+    "scrollbar": {
+      "thumb": "#89B4FA",
+      "track": "#6C7086"
+    },
+    "message": {
+      "userBorder": "#ADD8E6",
+      "systemBorder": "#F9E2AF",
+      "systemText": "#F9E2AF",
+      "systemBg": "#2a2a3a"
+    }
+  }
+}

package/themes/dracula.json

@@ -0,0 +1,59 @@
+{
+  "name": "Dracula",
+  "slug": "dracula",
+  "kind": "dark",
+  "colors": {
+    "background": "#282a36",
+    "panel": {
+      "bg": "#282a36",
+      "border": "#6272a4",
+      "headerBg": "#282a36",
+      "headerFg": "#f8f8f2"
+    },
+    "text": {
+      "primary": "#f8f8f2",
+      "muted": "#6272a4",
+      "user": "#8be9fd",
+      "responder": "#f1fa8c",
+      "thinking": "#6272a4",
+      "tool": "#50fa7b"
+    },
+    "input": {
+      "bg": "#282a36",
+      "fg": "#f8f8f2",
+      "placeholder": "#6272a4",
+      "border": "#6272a4"
+    },
+    "status": {
+      "fg": "#50fa7b",
+      "muted": "#6272a4"
+    },
+    "accent": {
+      "primary": "#8be9fd",
+      "secondary": "#ff79c6",
+      "warning": "#f1fa8c",
+      "error": "#ff5555",
+      "success": "#50fa7b"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "#8be9fd"
+    },
+    "diff": {
+      "addedBg": "#11431d",
+      "addedFg": "white",
+      "removedBg": "#6e1818",
+      "removedFg": "white"
+    },
+    "scrollbar": {
+      "thumb": "#8be9fd",
+      "track": "#6272a4"
+    },
+    "message": {
+      "userBorder": "#8be9fd",
+      "systemBorder": "#f1fa8c",
+      "systemText": "#f1fa8c",
+      "systemBg": "#343746"
+    }
+  }
+}

package/themes/github-dark.json

@@ -0,0 +1,59 @@
+{
+  "name": "GitHub",
+  "slug": "github",
+  "kind": "dark",
+  "colors": {
+    "background": "#24292e",
+    "panel": {
+      "bg": "#24292e",
+      "border": "#6A737D",
+      "headerBg": "#24292e",
+      "headerFg": "#d1d5da"
+    },
+    "text": {
+      "primary": "#d1d5da",
+      "muted": "#6A737D",
+      "user": "#79B8FF",
+      "responder": "#FFAB70",
+      "thinking": "#6A737D",
+      "tool": "#85E89D"
+    },
+    "input": {
+      "bg": "#24292e",
+      "fg": "#d1d5da",
+      "placeholder": "#6A737D",
+      "border": "#6A737D"
+    },
+    "status": {
+      "fg": "#85E89D",
+      "muted": "#6A737D"
+    },
+    "accent": {
+      "primary": "#79B8FF",
+      "secondary": "#B392F0",
+      "warning": "#FFAB70",
+      "error": "#F97583",
+      "success": "#85E89D"
+    },
+    "selection": {
+      "fg": "#0f172a",
+      "bg": "#79B8FF"
+    },
+    "diff": {
+      "addedBg": "#3C4636",
+      "addedFg": "#d1d5da",
+      "removedBg": "#502125",
+      "removedFg": "#d1d5da"
+    },
+    "scrollbar": {
+      "thumb": "#79B8FF",
+      "track": "#6A737D"
+    },
+    "message": {
+      "userBorder": "#79B8FF",
+      "systemBorder": "#FFAB70",
+      "systemText": "#FFAB70",
+      "systemBg": "#2d3339"
+    }
+  }
+}

package/themes/github-light.json

@@ -0,0 +1,59 @@
+{
+  "name": "GitHub Light",
+  "slug": "github-light",
+  "kind": "light",
+  "colors": {
+    "background": "#f8f8f8",
+    "panel": {
+      "bg": "#f8f8f8",
+      "border": "#999",
+      "headerBg": "#f8f8f8",
+      "headerFg": "#24292E"
+    },
+    "text": {
+      "primary": "#24292E",
+      "muted": "#998",
+      "user": "#0086b3",
+      "responder": "#990073",
+      "thinking": "#999",
+      "tool": "#008080"
+    },
+    "input": {
+      "bg": "#f8f8f8",
+      "fg": "#24292E",
+      "placeholder": "#998",
+      "border": "#999"
+    },
+    "status": {
+      "fg": "#008080",
+      "muted": "#998"
+    },
+    "accent": {
+      "primary": "#458",
+      "secondary": "#900",
+      "warning": "#990073",
+      "error": "#d14",
+      "success": "#008080"
+    },
+    "selection": {
+      "fg": "#f8fafc",
+      "bg": "#458"
+    },
+    "diff": {
+      "addedBg": "#C6EAD8",
+      "addedFg": "#24292E",
+      "removedBg": "#FFCCCC",
+      "removedFg": "#24292E"
+    },
+    "scrollbar": {
+      "thumb": "#458",
+      "track": "#999"
+    },
+    "message": {
+      "userBorder": "#0086b3",
+      "systemBorder": "#990073",
+      "systemText": "#990073",
+      "systemBg": "#f0f0f0"
+    }
+  }
+}