@ciridae/ui-agent 0.3.0

package/dist/components/agentic/types.d.ts

@@ -0,0 +1,172 @@
+type AgenticMessageRole = "user" | "assistant" | "system";
+type AgenticChatStatus = "idle" | "submitted" | "streaming" | "error";
+type AgenticMessagePart = {
+    isStreaming?: boolean;
+    text: string;
+    type: "text";
+};
+type AgenticMessage = {
+    createdAt?: string;
+    id: string;
+    metadata?: Record<string, unknown>;
+    parts: AgenticMessagePart[];
+    role: AgenticMessageRole;
+};
+type AgenticPromptAttachmentKind = "file" | "screenshot" | "source";
+type AgenticPromptAttachmentStatus = "idle" | "uploading" | "complete" | "error";
+type AgenticPromptAttachment = {
+    error?: string;
+    file?: File;
+    id: string;
+    kind?: AgenticPromptAttachmentKind;
+    mediaType?: string;
+    metadata?: Record<string, unknown>;
+    name: string;
+    size?: number;
+    status?: AgenticPromptAttachmentStatus;
+    url?: string;
+};
+type AgenticPromptSubmitPayload = {
+    attachments: AgenticPromptAttachment[];
+    text: string;
+};
+type AgenticSource = {
+    description?: string;
+    id: string;
+    metadata?: Record<string, unknown>;
+    quote?: string;
+    title?: string;
+    url?: string;
+};
+type AgenticToolState = "approval-requested" | "approval-responded" | "input-available" | "input-streaming" | "output-available" | "output-denied" | "output-error";
+type AgenticToolPart = {
+    errorText?: string;
+    id?: string;
+    input?: unknown;
+    metadata?: Record<string, unknown>;
+    output?: unknown;
+    state: AgenticToolState;
+    toolName?: string;
+    type?: string;
+};
+type AgenticApproval = {
+    approved?: boolean;
+    id: string;
+    reason?: string;
+};
+type AgenticPlanStatus = "pending" | "active" | "complete" | "error";
+type AgenticTaskStatus = AgenticPlanStatus;
+type AgenticQueueItem = {
+    description?: string;
+    id: string;
+    metadata?: Record<string, unknown>;
+    status?: "pending" | "completed";
+    title: string;
+};
+type AgenticCheckpoint = {
+    createdAt?: string;
+    id: string;
+    label?: string;
+    metadata?: Record<string, unknown>;
+};
+type AgenticContextUsage = {
+    cacheCostText?: string;
+    cachedInputTokens?: number;
+    inputCostText?: string;
+    inputTokens?: number;
+    maxTokens: number;
+    outputCostText?: string;
+    outputTokens?: number;
+    reasoningCostText?: string;
+    reasoningTokens?: number;
+    totalCostText?: string;
+    usedTokens: number;
+};
+type AgenticTraceStep = {
+    description?: string;
+    id: string;
+    label: string;
+    metadata?: Record<string, unknown>;
+    status?: "active" | "complete" | "pending";
+};
+type AgenticGeneratedImage = {
+    alt?: string;
+    base64?: string;
+    height?: number;
+    id?: string;
+    mediaType?: string;
+    src?: string;
+    width?: number;
+};
+type AgenticCommitFile = {
+    additions?: number;
+    deletions?: number;
+    path: string;
+    status?: "added" | "deleted" | "modified" | "renamed";
+};
+type AgenticCommitSummary = {
+    author?: string;
+    files?: AgenticCommitFile[];
+    hash: string;
+    message: string;
+    timestamp?: string;
+};
+type AgenticPackageDependency = {
+    name: string;
+    version?: string;
+};
+type AgenticTestStatus = "passed" | "failed" | "skipped" | "running";
+type AgenticTestResult = {
+    duration?: string;
+    error?: string;
+    id: string;
+    name: string;
+    status: AgenticTestStatus;
+};
+type AgenticArtifact = {
+    description?: string;
+    id: string;
+    metadata?: Record<string, unknown>;
+    title: string;
+    type?: "code" | "document" | "image" | "preview" | "schema" | "terminal";
+};
+type AgenticPreviewState = "idle" | "loading" | "ready" | "error";
+type AgenticSpeechStatus = "idle" | "listening" | "processing" | "speaking" | "error";
+type AgenticMicOption = {
+    description?: string;
+    disabled?: boolean;
+    id: string;
+    label: string;
+    mediaType?: string;
+    metadata?: Record<string, unknown>;
+};
+type AgenticVoiceOption = {
+    accent?: string;
+    age?: string;
+    description?: string;
+    disabled?: boolean;
+    gender?: "male" | "female" | "transgender" | "androgyne" | "non-binary" | "intersex" | (string & Record<never, never>);
+    id: string;
+    label: string;
+    metadata?: Record<string, unknown>;
+    previewLabel?: string;
+    provider?: string;
+};
+type AgenticTranscriptSegmentStatus = "interim" | "final" | "error";
+type AgenticTranscriptSegment = {
+    createdAt?: string;
+    id: string;
+    metadata?: Record<string, unknown>;
+    role: AgenticMessageRole;
+    status?: AgenticTranscriptSegmentStatus;
+    text: string;
+};
+type AgenticAudioSource = {
+    description?: string;
+    duration?: string;
+    id?: string;
+    metadata?: Record<string, unknown>;
+    src?: string;
+    title?: string;
+};
+export type { AgenticApproval, AgenticAudioSource, AgenticArtifact, AgenticChatStatus, AgenticCheckpoint, AgenticCommitFile, AgenticCommitSummary, AgenticContextUsage, AgenticGeneratedImage, AgenticMessage, AgenticMessagePart, AgenticMessageRole, AgenticMicOption, AgenticPackageDependency, AgenticPlanStatus, AgenticPreviewState, AgenticPromptAttachment, AgenticPromptAttachmentKind, AgenticPromptAttachmentStatus, AgenticPromptSubmitPayload, AgenticQueueItem, AgenticSource, AgenticSpeechStatus, AgenticTaskStatus, AgenticTestResult, AgenticTestStatus, AgenticToolPart, AgenticToolState, AgenticTraceStep, AgenticTranscriptSegment, AgenticTranscriptSegmentStatus, AgenticVoiceOption, };

package/dist/components/agentic/types.js

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

package/dist/components/agentic/web-preview.d.ts

@@ -0,0 +1,25 @@
+import type * as React from "react";
+import { Button } from "@ciridae/ui/button";
+import { Input } from "@ciridae/ui/input";
+type WebPreviewProps = React.ComponentProps<"div"> & {
+    url: string;
+};
+type WebPreviewNavigationProps = React.ComponentProps<"div">;
+type WebPreviewNavigationButtonProps = React.ComponentProps<typeof Button> & {
+    action?: "back" | "forward" | "reload";
+};
+type WebPreviewUrlProps = Omit<React.ComponentProps<typeof Input>, "value"> & {
+    value?: string;
+};
+type WebPreviewBodyProps = React.ComponentProps<"iframe"> & {
+    src?: string;
+};
+type WebPreviewConsoleProps = React.ComponentProps<"div">;
+declare function WebPreview({ children, className, url, ...props }: WebPreviewProps): React.JSX.Element;
+declare function WebPreviewNavigation({ className, ...props }: WebPreviewNavigationProps): React.JSX.Element;
+declare function WebPreviewNavigationButton({ action, children, ...props }: WebPreviewNavigationButtonProps): React.JSX.Element;
+declare function WebPreviewUrl({ className, value, ...props }: WebPreviewUrlProps): React.JSX.Element;
+declare function WebPreviewBody({ className, referrerPolicy, sandbox, src, title, ...props }: WebPreviewBodyProps): React.JSX.Element;
+declare function WebPreviewConsole({ className, ...props }: WebPreviewConsoleProps): React.JSX.Element;
+export { WebPreview, WebPreviewBody, WebPreviewConsole, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, };
+export type { WebPreviewBodyProps, WebPreviewConsoleProps, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrlProps, };

package/dist/components/agentic/web-preview.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowLeftIcon, ArrowRightIcon, RotateCwIcon } from "lucide-react";
+import { createContext, useContext, useMemo } from "react";
+import { Button } from "@ciridae/ui/button";
+import { Input } from "@ciridae/ui/input";
+import { cn } from "@ciridae/ui/utils";
+const WebPreviewContext = createContext({ url: "" });
+function useWebPreview() {
+    return useContext(WebPreviewContext);
+}
+function WebPreview({ children, className, url, ...props }) {
+    const contextValue = useMemo(() => ({ url }), [url]);
+    return (_jsx(WebPreviewContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "web-preview", className: cn("flex min-h-0 w-full flex-col overflow-hidden rounded-lg border bg-card", className), ...props, children: children }) }));
+}
+function WebPreviewNavigation({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "web-preview-navigation", className: cn("flex min-w-0 items-center gap-2 border-b p-2", className), ...props }));
+}
+function WebPreviewNavigationButton({ action = "reload", children, ...props }) {
+    const Icon = action === "back" ? ArrowLeftIcon : action === "forward" ? ArrowRightIcon : RotateCwIcon;
+    return (_jsx(Button, { "aria-label": action, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
+}
+function WebPreviewUrl({ className, value, ...props }) {
+    const { url } = useWebPreview();
+    return (_jsx(Input, { "data-slot": "web-preview-url", readOnly: true, value: value ?? url, className: cn("h-8 flex-1 font-mono text-xs", className), ...props }));
+}
+function WebPreviewBody({ className, referrerPolicy = "no-referrer", sandbox = "allow-scripts", src, title = "Web preview", ...props }) {
+    const { url } = useWebPreview();
+    return (_jsx("iframe", { "data-slot": "web-preview-body", className: cn("min-h-80 w-full flex-1 bg-background", className), referrerPolicy: referrerPolicy, sandbox: sandbox, src: src ?? url, title: title, ...props }));
+}
+function WebPreviewConsole({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "web-preview-console", className: cn("border-t bg-muted/40 p-3 font-mono text-xs text-muted-foreground", className), ...props }));
+}
+export { WebPreview, WebPreviewBody, WebPreviewConsole, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, };

package/package.json

@@ -0,0 +1,179 @@
+{
+	"name": "@ciridae/ui-agent",
+	"version": "0.3.0",
+	"type": "module",
+	"private": false,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/ciridae-ai/int-ciridae-ui.git"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"sideEffects": [
+		"**/*.css"
+	],
+	"exports": {
+		"./package.json": "./package.json",
+		"./agent-plan": {
+			"types": "./dist/components/agentic/agent-plan.d.ts",
+			"default": "./dist/components/agentic/agent-plan.js"
+		},
+		"./agent-queue": {
+			"types": "./dist/components/agentic/agent-queue.d.ts",
+			"default": "./dist/components/agentic/agent-queue.js"
+		},
+		"./agent-task": {
+			"types": "./dist/components/agentic/agent-task.d.ts",
+			"default": "./dist/components/agentic/agent-task.js"
+		},
+		"./approval-request": {
+			"types": "./dist/components/agentic/approval-request.d.ts",
+			"default": "./dist/components/agentic/approval-request.js"
+		},
+		"./artifact": {
+			"types": "./dist/components/agentic/artifact.d.ts",
+			"default": "./dist/components/agentic/artifact.js"
+		},
+		"./attachments": {
+			"types": "./dist/components/agentic/attachments.d.ts",
+			"default": "./dist/components/agentic/attachments.js"
+		},
+		"./clipboard": {
+			"types": "./dist/components/agentic/clipboard.d.ts",
+			"default": "./dist/components/agentic/clipboard.js"
+		},
+		"./code-block": {
+			"types": "./dist/components/agentic/code-block.d.ts",
+			"default": "./dist/components/agentic/code-block.js"
+		},
+		"./conversation": {
+			"types": "./dist/components/agentic/conversation.d.ts",
+			"default": "./dist/components/agentic/conversation.js"
+		},
+		"./file-tree": {
+			"types": "./dist/components/agentic/file-tree.d.ts",
+			"default": "./dist/components/agentic/file-tree.js"
+		},
+		"./image": {
+			"types": "./dist/components/agentic/image.d.ts",
+			"default": "./dist/components/agentic/image.js"
+		},
+		"./inline-citation": {
+			"types": "./dist/components/agentic/inline-citation.d.ts",
+			"default": "./dist/components/agentic/inline-citation.js"
+		},
+		"./message-branch": {
+			"types": "./dist/components/agentic/message-branch.d.ts",
+			"default": "./dist/components/agentic/message-branch.js"
+		},
+		"./message": {
+			"types": "./dist/components/agentic/message.d.ts",
+			"default": "./dist/components/agentic/message.js"
+		},
+		"./message-response.css": {
+			"types": "./dist/components/agentic/message-response.css.d.ts",
+			"default": "./dist/components/agentic/message-response.css"
+		},
+		"./model-selector": {
+			"types": "./dist/components/agentic/model-selector.d.ts",
+			"default": "./dist/components/agentic/model-selector.js"
+		},
+		"./prompt-input-action-menu": {
+			"types": "./dist/components/agentic/prompt-input-action-menu.d.ts",
+			"default": "./dist/components/agentic/prompt-input-action-menu.js"
+		},
+		"./prompt-input": {
+			"types": "./dist/components/agentic/prompt-input.d.ts",
+			"default": "./dist/components/agentic/prompt-input.js"
+		},
+		"./prompt-input-command": {
+			"types": "./dist/components/agentic/prompt-input-command.d.ts",
+			"default": "./dist/components/agentic/prompt-input-command.js"
+		},
+		"./prompt-input-hover-card": {
+			"types": "./dist/components/agentic/prompt-input-hover-card.d.ts",
+			"default": "./dist/components/agentic/prompt-input-hover-card.js"
+		},
+		"./prompt-input-select": {
+			"types": "./dist/components/agentic/prompt-input-select.d.ts",
+			"default": "./dist/components/agentic/prompt-input-select.js"
+		},
+		"./prompt-input-tabs": {
+			"types": "./dist/components/agentic/prompt-input-tabs.d.ts",
+			"default": "./dist/components/agentic/prompt-input-tabs.js"
+		},
+		"./reasoning": {
+			"types": "./dist/components/agentic/reasoning.d.ts",
+			"default": "./dist/components/agentic/reasoning.js"
+		},
+		"./run-checkpoint": {
+			"types": "./dist/components/agentic/run-checkpoint.d.ts",
+			"default": "./dist/components/agentic/run-checkpoint.js"
+		},
+		"./run-trace": {
+			"types": "./dist/components/agentic/run-trace.d.ts",
+			"default": "./dist/components/agentic/run-trace.js"
+		},
+		"./sandbox": {
+			"types": "./dist/components/agentic/sandbox.d.ts",
+			"default": "./dist/components/agentic/sandbox.js"
+		},
+		"./schema-display": {
+			"types": "./dist/components/agentic/schema-display.d.ts",
+			"default": "./dist/components/agentic/schema-display.js"
+		},
+		"./shimmer": {
+			"types": "./dist/components/agentic/shimmer.d.ts",
+			"default": "./dist/components/agentic/shimmer.js"
+		},
+		"./snippet": {
+			"types": "./dist/components/agentic/snippet.d.ts",
+			"default": "./dist/components/agentic/snippet.js"
+		},
+		"./sources": {
+			"types": "./dist/components/agentic/sources.d.ts",
+			"default": "./dist/components/agentic/sources.js"
+		},
+		"./terminal": {
+			"types": "./dist/components/agentic/terminal.d.ts",
+			"default": "./dist/components/agentic/terminal.js"
+		},
+		"./tool": {
+			"types": "./dist/components/agentic/tool.d.ts",
+			"default": "./dist/components/agentic/tool.js"
+		},
+		"./types": {
+			"types": "./dist/components/agentic/types.d.ts",
+			"default": "./dist/components/agentic/types.js"
+		},
+		"./agentic-types": {
+			"types": "./dist/components/agentic/types.d.ts",
+			"default": "./dist/components/agentic/types.js"
+		},
+		"./web-preview": {
+			"types": "./dist/components/agentic/web-preview.d.ts",
+			"default": "./dist/components/agentic/web-preview.js"
+		}
+	},
+	"files": [
+		"dist",
+		"README.md"
+	],
+	"peerDependencies": {
+		"react": ">=18",
+		"react-dom": ">=18"
+	},
+	"dependencies": {
+		"@streamdown/cjk": "^1.0.3",
+		"@streamdown/code": "^1.1.1",
+		"@streamdown/math": "^1.0.2",
+		"@streamdown/mermaid": "^1.0.2",
+		"katex": "^0.17.0",
+		"lucide-react": "^1.23.0",
+		"shiki": "^4.3.0",
+		"streamdown": "^2.5.0",
+		"use-stick-to-bottom": "^1.1.6",
+		"@ciridae/ui": "0.3.0"
+	}
+}