@run0/jiki-ui 0.1.0

package/dist/AIChatPanel.d.ts

@@ -0,0 +1,26 @@
+import type { AccentColor } from "./types";
+import type { InspectedElement } from "./BrowserWindow";
+export interface ChatMessage {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    timestamp: number;
+    isStreaming?: boolean;
+}
+export interface AIChatPanelProps {
+    messages: ChatMessage[];
+    onSendMessage: (content: string) => void;
+    isStreaming?: boolean;
+    accentColor?: AccentColor;
+    title?: string;
+    modelLabel?: string;
+    onLoadMore?: () => void;
+    hasMoreMessages?: boolean;
+    /** Flat list of file paths for @ mention autocomplete */
+    filePaths?: string[];
+    /** Inspected element context to attach to next message */
+    inspectedElement?: InspectedElement | null;
+    /** Clear the inspected element context */
+    onClearInspectedElement?: () => void;
+}
+export declare function AIChatPanel({ messages, onSendMessage, isStreaming, accentColor, title, modelLabel, onLoadMore, hasMoreMessages, filePaths, inspectedElement, onClearInspectedElement, }: AIChatPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/BrowserWindow.d.ts

@@ -0,0 +1,22 @@
+export interface InspectedElement {
+    tagName: string;
+    className: string;
+    textContent: string;
+    outerHTML: string;
+}
+export interface BrowserWindowProps {
+    htmlSrc: string;
+    url: string;
+    canGoBack: boolean;
+    canGoForward: boolean;
+    onBack: () => void;
+    onForward: () => void;
+    onRefresh: () => void;
+    onNavigate: (path: string) => void;
+    port?: number;
+    title?: string;
+    previewUrl?: string;
+    /** When provided, shows an inspect button. Called with element info on pick. */
+    onInspectElement?: (element: InspectedElement) => void;
+}
+export declare function BrowserWindow({ htmlSrc, url, canGoBack, canGoForward, onBack, onForward, onRefresh, onNavigate, port, title, previewUrl, onInspectElement, }: BrowserWindowProps): import("react/jsx-runtime").JSX.Element;

package/dist/CodeEditor.d.ts

@@ -0,0 +1,8 @@
+import type { AccentColor } from "./types";
+export interface CodeEditorProps {
+    filename: string | null;
+    content: string;
+    onSave: (path: string, content: string) => void;
+    accentColor?: AccentColor;
+}
+export declare function CodeEditor({ filename, content, onSave, accentColor, }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/FileExplorer.d.ts

@@ -0,0 +1,9 @@
+import type { AccentColor, FileEntry } from "./types";
+export interface FileExplorerProps {
+    files: FileEntry[];
+    selectedFile: string | null;
+    onSelect: (path: string) => void;
+    accentColor?: AccentColor;
+    variant?: "default" | "compact";
+}
+export declare function FileExplorer({ files, selectedFile, onSelect, accentColor, variant, }: FileExplorerProps): import("react/jsx-runtime").JSX.Element;

package/dist/MobileTabBar.d.ts

@@ -0,0 +1,28 @@
+import type { AccentColor } from "./types";
+export interface TabItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface MobileTabBarProps {
+    tabs: TabItem[];
+    activeTab: string;
+    onTabChange: (id: string) => void;
+    accentColor?: AccentColor;
+}
+export declare function MobileTabBar({ tabs, activeTab, onTabChange, accentColor, }: MobileTabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PreviewIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CodeIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FilesIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/PanelToggle.d.ts

@@ -0,0 +1,9 @@
+import type { AccentColor } from "./types";
+export interface PanelToggleProps {
+    collapsed: boolean;
+    onClick: () => void;
+    label: string;
+    side?: "left" | "right";
+    accentColor?: AccentColor;
+}
+export declare function PanelToggle({ collapsed, onClick, label, side, accentColor, }: PanelToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/Terminal.d.ts

@@ -0,0 +1,11 @@
+import type { AccentColor, TerminalLine } from "./types";
+export interface TerminalProps {
+    lines: TerminalLine[];
+    onCommand?: (cmd: string) => Promise<void>;
+    onClear: () => void;
+    accentColor?: AccentColor;
+    variant?: "default" | "compact";
+    title?: string;
+    lineStyles?: Partial<Record<TerminalLine["type"], string>>;
+}
+export declare function Terminal({ lines, onCommand, onClear, accentColor, variant, title, lineStyles: lineStyleOverrides, }: TerminalProps): import("react/jsx-runtime").JSX.Element;

package/dist/chat-theme.d.ts

@@ -0,0 +1,11 @@
+import type { AccentColor } from "./types";
+export interface ChatTheme {
+    userBubble: string;
+    assistantBubble: string;
+    sendButton: string;
+    sendButtonDisabled: string;
+    streamingDot: string;
+    inputCaret: string;
+    modelBadge: string;
+}
+export declare function getChatTheme(color: AccentColor): ChatTheme;