@ciridae/ui-agent 0.3.2 → 0.3.6

package/dist/styled-system/styles.css

@@ -0,0 +1,422 @@
+@layer utilities {
+  .p_4 {
+    padding: var(--spacing-4);
+}
+
+  .p_2 {
+    padding: var(--spacing-2);
+}
+
+  .bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .bdr_lg {
+    border-radius: var(--radii-lg);
+}
+
+  .border-style_solid {
+    border-style: solid;
+}
+
+  .bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .ov_hidden {
+    overflow: hidden;
+}
+
+  .gap_3 {
+    gap: var(--spacing-3);
+}
+
+  .py_3 {
+    padding-block: var(--spacing-3);
+}
+
+  .px_4 {
+    padding-inline: var(--spacing-4);
+}
+
+  .gap_gap\.1 {
+    gap: var(--spacing-gap\.1);
+}
+
+  .flex_1 {
+    flex: 1 1 0%;
+}
+
+  .ov_auto {
+    overflow: auto;
+}
+
+  .py_2 {
+    padding-block: var(--spacing-2);
+}
+
+  .px_3 {
+    padding-inline: var(--spacing-3);
+}
+
+  .gap_2 {
+    gap: var(--spacing-2);
+}
+
+  .my_4 {
+    margin-block: var(--spacing-4);
+}
+
+  .ring_none {
+    outline: var(--borders-none);
+}
+
+  .bd-w_0 {
+    border-width: 0;
+}
+
+  .px_2 {
+    padding-inline: var(--spacing-2);
+}
+
+  .bdr_md {
+    border-radius: var(--radii-md);
+}
+
+  .bg-c_card {
+    background-color: card;
+}
+
+  .c_card\.foreground {
+    color: card.foreground;
+}
+
+  .d_flex {
+    display: flex;
+}
+
+  .flex-d_column {
+    flex-direction: column;
+}
+
+  .ai_flex-start {
+    align-items: flex-start;
+}
+
+  .jc_space-between {
+    justify-content: space-between;
+}
+
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
+}
+
+  .fw_medium {
+    font-weight: var(--font-weights-medium);
+}
+
+  .tov_ellipsis {
+    text-overflow: ellipsis;
+}
+
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .c_muted\.foreground {
+    color: muted.foreground;
+}
+
+  .ai_center {
+    align-items: center;
+}
+
+  .flex-sh_0 {
+    flex-shrink: 0;
+}
+
+  .ff_mono {
+    font-family: var(--fonts-mono);
+}
+
+  .fs_xs {
+    font-size: var(--font-sizes-xs);
+}
+
+  .bg-c_background {
+    background-color: var(--colors-background);
+}
+
+  .c_foreground {
+    color: var(--colors-foreground);
+}
+
+  .lh_1\.5rem {
+    line-height: 1.5rem;
+}
+
+  .lh_relaxed {
+    line-height: var(--line-heights-relaxed);
+}
+
+  .bx-sh_xs {
+    box-shadow: var(--shadows-xs);
+}
+
+  .d_grid {
+    display: grid;
+}
+
+  .trs-prop_color\,_box-shadow {
+    --transition-prop: color, box-shadow;
+    transition-property: color, box-shadow;
+}
+
+  .ai_stretch {
+    align-items: stretch;
+}
+
+  .bg-c_transparent {
+    background-color: var(--colors-transparent);
+}
+
+  .bx-sh_none {
+    box-shadow: none;
+}
+
+  .trs-prop_color\,_background-color {
+    --transition-prop: color, background-color;
+    transition-property: color, background-color;
+}
+
+  .trs-prop_transform {
+    --transition-prop: transform;
+    transition-property: transform;
+}
+
+  .h_full {
+    height: var(--sizes-full);
+}
+
+  .min-h_0 {
+    min-height: var(--sizes-0);
+}
+
+  .w_full {
+    width: var(--sizes-full);
+}
+
+  .bd-b-c_border {
+    border-bottom-color: var(--colors-border);
+}
+
+  .border-bottom-style_solid {
+    border-bottom-style: solid;
+}
+
+  .bd-b-w_default {
+    border-bottom-width: var(--border-widths-default);
+}
+
+  .min-w_0 {
+    min-width: var(--sizes-0);
+}
+
+  .max-h_24rem {
+    max-height: 24rem;
+}
+
+  .min-w_max-content {
+    min-width: max-content;
+}
+
+  .h_control\.sm {
+    height: var(--sizes-control\.sm);
+}
+
+  .min-w_6rem {
+    min-width: 6rem;
+}
+
+  .mt_1 {
+    margin-top: var(--spacing-1);
+}
+
+  .max-w_full {
+    max-width: var(--sizes-full);
+}
+
+  .min-h_6rem {
+    min-height: 6rem;
+}
+
+  .h_icon\.sm {
+    height: var(--sizes-icon\.sm);
+}
+
+  .w_icon\.sm {
+    width: var(--sizes-icon\.sm);
+}
+
+  .mt_2 {
+    margin-top: var(--spacing-2);
+}
+
+  .h_0\.875rem {
+    height: 0.875rem;
+}
+
+  .w_0\.875rem {
+    width: 0.875rem;
+}
+
+  .\[\&\[data-role\=\'system\'\]\]\:py_1[data-role='system'] {
+    padding-block: var(--spacing-1);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bdr_lg {
+    border-radius: var(--radii-lg);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:border-style_solid {
+    border-style: solid;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:py_3 {
+    padding-block: var(--spacing-3);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:px_4 {
+    padding-inline: var(--spacing-4);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bd-c_border {
+    border-color: var(--colors-border);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bdr_md {
+    border-radius: var(--radii-md);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:border-style_solid {
+    border-style: solid;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bd-w_default {
+    border-width: var(--border-widths-default);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:py_2 {
+    padding-block: var(--spacing-2);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:px_3 {
+    padding-inline: var(--spacing-3);
+}
+
+  .\[\&_pre\]\:bg-c_transparent\! pre {
+    background-color: var(--colors-transparent) !important;
+}
+
+  .\[\&\[data-role\=\'user\'\]\]\:ai_flex-end[data-role='user'] {
+    align-items: flex-end;
+}
+
+  .\[\&\[data-role\=\'assistant\'\]\]\:ai_flex-start[data-role='assistant'],.\[\&\[data-role\=\'system\'\]\]\:ai_flex-start[data-role='system'] {
+    align-items: flex-start;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bg-c_secondary {
+    background-color: var(--colors-secondary);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:bx-sh_xs {
+    box-shadow: var(--shadows-xs);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:c_secondary\.foreground {
+    color: var(--colors-secondary\.foreground);
+}
+
+  .group\/message[data-role='assistant'] .\[\.group\\\/message\[data-role\=\'assistant\'\]_\&\]\:c_foreground {
+    color: var(--colors-foreground);
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:bg-c_muted\/30 {
+    --mix-backgroundColor: color-mix(in srgb, var(--colors-muted) 30%, transparent);
+    background-color: var(--mix-backgroundColor, var(--colors-muted));
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:c_muted\.foreground {
+    color: muted.foreground;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:fs_xs {
+    font-size: var(--font-sizes-xs);
+}
+
+  .\[\&\[data-disabled\=\'true\'\]\]\:op_0\.6[data-disabled='true'] {
+    opacity: 0.6;
+}
+
+  .dark .dark\:bg-c_transparent {
+    background-color: var(--colors-transparent);
+}
+
+  .\[\&\:\:placeholder\]\:c_muted\.foreground\/70::placeholder {
+    --mix-color: color-mix(in srgb, muted.foreground 70%, transparent);
+    color: var(--mix-color, muted.foreground);
+}
+
+  .group[data-state='open'] .\[\.group\[data-state\=\'open\'\]_\&\]\:trf_rotate\(180deg\) {
+    transform: rotate(180deg);
+}
+
+  .\[\&\[data-state\=\'closed\'\]\]\:anim-n_fade-out[data-state='closed'] {
+    animation-name: fade-out;
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:ml_auto {
+    margin-left: auto;
+}
+
+  .group\/message[data-role='system'] .\[\.group\\\/message\[data-role\=\'system\'\]_\&\]\:max-w_full {
+    max-width: var(--sizes-full);
+}
+
+  .group\/message[data-role='user'] .\[\.group\\\/message\[data-role\=\'user\'\]_\&\]\:max-w_min\(34rem\,_78\%\) {
+    max-width: min(34rem, 78%);
+}
+
+  .\[\&\:focus-within\]\:bd-c_ring:focus-within {
+    border-color: var(--colors-ring);
+}
+
+  .\[\&\:focus-within\]\:bx-sh_focus:focus-within {
+    box-shadow: var(--shadows-focus);
+}
+
+  .\[\&\:focus-visible\]\:ring_none:focus-visible {
+    outline: var(--borders-none);
+}
+
+  .\[\&\:focus-visible\]\:bx-sh_focus:focus-visible {
+    box-shadow: var(--shadows-focus);
+}
+
+  .\[\&\:hover\]\:bg-c_accent:hover {
+    background-color: var(--colors-accent);
+}
+
+  .\[\&\:hover\]\:c_accent\.foreground:hover {
+    color: var(--colors-accent\.foreground);
+}
+}

package/dist/styled-system/styles.css.d.ts

@@ -0,0 +1,2 @@
+declare const stylesheet: string;
+export default stylesheet;

package/dist/styles.css

@@ -0,0 +1,7 @@
+@import "./components/agentic/breathing-grid-icon.css";
+@import "./components/agentic/message-response.css";
+@import "./styled-system/styles.css";
+
+@source "./**/*.{js,mjs}";
+@source "../node_modules/streamdown/dist/*.js";
+@source "../../../streamdown/dist/*.js";

package/package.json

@@ -1,12 +1,14 @@
 {
 	"name": "@ciridae/ui-agent",
-	"version": "0.3.2",
+	"version": "0.3.6",
 	"type": "module",
 	"private": false,
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/ciridae-ai/int-ciridae-ui.git"
+		"url": "git+https://github.com/ciridae-ai/ciridae.git",
+		"directory": "packages/ui-agent"
 	},
+	"homepage": "https://github.com/ciridae-ai/ciridae#readme",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -15,145 +17,20 @@
 	],
 	"exports": {
 		"./package.json": "./package.json",
-		"./agent-plan": {
-			"types": "./dist/components/agentic/agent-plan.d.ts",
-			"default": "./dist/components/agentic/agent-plan.js"
+		"./styles.css": {
+			"default": "./dist/styles.css"
 		},
-		"./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"
+		"./breathing-grid-icon.css": {
+			"types": "./dist/components/agentic/breathing-grid-icon.css.d.ts",
+			"default": "./dist/components/agentic/breathing-grid-icon.css"
 		},
 		"./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"
+		"./*": {
+			"types": "./dist/entries/*.d.ts",
+			"default": "./dist/entries/*.js"
 		}
 	},
 	"files": [
@@ -163,17 +40,20 @@
 	"peerDependencies": {
 		"react": ">=18",
 		"react-dom": ">=18",
+		"@ciridae/ui": "^0.3.6",
 		"use-stick-to-bottom": "^1.1.6"
 	},
 	"dependencies": {
+		"@rive-app/react-webgl2": "^4.29.4",
 		"@streamdown/cjk": "^1.0.3",
 		"@streamdown/code": "^1.1.1",
 		"@streamdown/math": "^1.0.2",
 		"@streamdown/mermaid": "^1.0.2",
+		"@xyflow/react": "^12.11.1",
 		"katex": "^0.17.0",
 		"lucide-react": "^1.23.0",
+		"react-jsx-parser": "^2.4.1",
 		"shiki": "^4.3.0",
-		"streamdown": "^2.5.0",
-		"@ciridae/ui": "0.3.2"
+		"streamdown": "^2.5.0"
 	}
 }