@gea-ai/chat-ui 0.1.260820-alpha.5

package/dist/styles.css

@@ -0,0 +1,369 @@
+[data-slot="gea-chat-ui"] {
+  --gea-chat-accent: #e46161;
+  --gea-chat-assistant-bg: transparent;
+  --gea-chat-background: #ffffff;
+  --gea-chat-border: #e5e7eb;
+  --gea-chat-danger: #b42318;
+  --gea-chat-font-family: ui-sans-serif, system-ui, sans-serif;
+  --gea-chat-foreground: #18181b;
+  --gea-chat-muted: #f4f4f5;
+  --gea-chat-muted-foreground: #71717a;
+  --gea-chat-radius: 12px;
+  --gea-chat-user-bg: #f4f4f5;
+
+  color: var(--gea-chat-foreground);
+  font-family: var(--gea-chat-font-family);
+  min-width: 0;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="message-list"],
+[data-slot="gea-chat-ui"] [data-slot="message-content"] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="message"] {
+  display: flex;
+  gap: 12px;
+  min-width: 0;
+  width: 100%;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="message"][data-role="user"] {
+  justify-content: flex-end;
+}
+
+[data-slot="gea-chat-ui"]
+  [data-slot="message"][data-role="user"]
+  [data-slot="message-content"] {
+  background: var(--gea-chat-user-bg);
+  border-radius: var(--gea-chat-radius);
+  max-width: min(80%, 720px);
+  padding: 10px 14px;
+}
+
+[data-slot="gea-chat-ui"]
+  [data-slot="message"][data-role="assistant"]
+  [data-slot="message-content"] {
+  background: var(--gea-chat-assistant-bg);
+  flex: 1;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="assistant-avatar"] {
+  align-items: center;
+  background: var(--gea-chat-accent);
+  border-radius: calc(var(--gea-chat-radius) * 0.75);
+  color: #ffffff;
+  display: inline-flex;
+  flex: 0 0 32px;
+  font-size: 13px;
+  font-weight: 700;
+  height: 32px;
+  justify-content: center;
+  overflow: hidden;
+  width: 32px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="assistant-avatar"] img {
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="message-part"]:empty,
+[data-slot="gea-chat-ui"] [data-slot="step-start"] {
+  display: none;
+}
+
+[data-slot="gea-chat-ui"] .gea-chat-markdown {
+  font-size: 15px;
+  line-height: 1.75;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+[data-slot="gea-chat-ui"] .gea-chat-markdown > * {
+  margin: 0;
+}
+
+[data-slot="gea-chat-ui"] .gea-chat-markdown > * + * {
+  margin-top: 8px;
+}
+
+[data-slot="gea-chat-ui"] .gea-chat-markdown a {
+  color: var(--gea-chat-accent);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+[data-slot="gea-chat-ui"] .gea-chat-markdown code {
+  background: var(--gea-chat-muted);
+  border-radius: 4px;
+  padding: 1px 4px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="code-block"],
+[data-slot="gea-chat-ui"] [data-slot="json-details"] pre {
+  background: var(--gea-chat-muted);
+  border-radius: var(--gea-chat-radius);
+  margin: 0;
+  max-width: 100%;
+  overflow: auto;
+  padding: 12px;
+  white-space: pre-wrap;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="reasoning-part"],
+[data-slot="gea-chat-ui"] [data-slot="system-note"] {
+  color: var(--gea-chat-muted-foreground);
+  font-size: 13px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="reasoning-part"] p {
+  margin: 4px 0 0;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="tool-part"],
+[data-slot="gea-chat-ui"] [data-slot="json-details"],
+[data-slot="gea-chat-ui"] [data-slot="source-part"],
+[data-slot="gea-chat-ui"] [data-slot="source-document-part"],
+[data-slot="gea-chat-ui"] [data-slot="resource-part"],
+[data-slot="gea-chat-ui"] [data-slot="updated-files-part"],
+[data-slot="gea-chat-ui"] [data-slot="file-part"] {
+  border: 1px solid var(--gea-chat-border);
+  border-radius: var(--gea-chat-radius);
+  color: inherit;
+  padding: 10px 12px;
+  text-decoration: none;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="tool-part"] header {
+  align-items: center;
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="tool-part"] header span,
+[data-slot="gea-chat-ui"] [data-slot="source-part"] span,
+[data-slot="gea-chat-ui"] [data-slot="source-document-part"] span,
+[data-slot="gea-chat-ui"] [data-slot="resource-part"] span,
+[data-slot="gea-chat-ui"] [data-slot="updated-files-part"] span {
+  color: var(--gea-chat-muted-foreground);
+  font-size: 12px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="source-document-part"],
+[data-slot="gea-chat-ui"] [data-slot="resource-part"],
+[data-slot="gea-chat-ui"] [data-slot="updated-files-part"] > div {
+  align-items: baseline;
+  display: flex;
+  gap: 8px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="source-document-part"] small,
+[data-slot="gea-chat-ui"] [data-slot="resource-part"] small,
+[data-slot="gea-chat-ui"] [data-slot="updated-files-part"] small,
+[data-slot="gea-chat-ui"] [data-slot="custom-part"] {
+  color: var(--gea-chat-muted-foreground);
+  font-size: 12px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="updated-files-part"] > div + div {
+  margin-top: 6px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="tool-part"][data-failed="true"],
+[data-slot="gea-chat-ui"] [data-slot="run-error"] {
+  border-color: color-mix(in srgb, var(--gea-chat-danger) 35%, transparent);
+  color: var(--gea-chat-danger);
+}
+
+[data-slot="gea-chat-ui"] [data-slot="json-details"] {
+  margin-top: 8px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="json-details"] summary {
+  color: var(--gea-chat-muted-foreground);
+  cursor: pointer;
+  font-size: 12px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="image-part"] {
+  color: inherit;
+  display: inline-flex;
+  flex-direction: column;
+  gap: 4px;
+  max-width: min(100%, 520px);
+  text-decoration: none;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="image-part"] img,
+[data-slot="gea-chat-ui"] [data-slot="markdown-image"] {
+  border-radius: var(--gea-chat-radius);
+  height: auto;
+  max-width: 100%;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="media-part"] {
+  max-width: 100%;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-render"] {
+  min-width: 0;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-card"] {
+  border: 1px solid var(--gea-chat-border);
+  border-radius: var(--gea-chat-radius);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-width: 680px;
+  padding: 16px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-card"] h3,
+[data-slot="gea-chat-ui"] [data-slot="yaml-card"] p,
+[data-slot="gea-chat-ui"] [data-slot="yaml-heading"],
+[data-slot="gea-chat-ui"] [data-slot="yaml-text"] {
+  margin: 0;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-child"] {
+  display: contents;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-stack"] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+[data-slot="gea-chat-ui"]
+  [data-slot="yaml-stack"][data-direction="horizontal"] {
+  flex-direction: row;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-grid"] {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(var(--gea-yaml-columns, 2), minmax(0, 1fr));
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-field"],
+[data-slot="gea-chat-ui"] [data-slot="yaml-checkbox"] {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-checkbox"] {
+  align-items: center;
+  flex-direction: row;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-field-label"] {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-field"] input,
+[data-slot="gea-chat-ui"] [data-slot="yaml-field"] select,
+[data-slot="gea-chat-ui"] [data-slot="yaml-field"] textarea {
+  background: var(--gea-chat-background);
+  border: 1px solid var(--gea-chat-border);
+  border-radius: calc(var(--gea-chat-radius) * 0.65);
+  color: var(--gea-chat-foreground);
+  font: inherit;
+  padding: 8px 10px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-options"] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-options"] button,
+[data-slot="gea-chat-ui"] [data-slot="yaml-button"] {
+  background: var(--gea-chat-background);
+  border: 1px solid var(--gea-chat-border);
+  border-radius: calc(var(--gea-chat-radius) * 0.65);
+  color: var(--gea-chat-foreground);
+  cursor: pointer;
+  display: inline-flex;
+  flex-direction: column;
+  font: inherit;
+  gap: 2px;
+  padding: 8px 12px;
+  text-align: left;
+}
+
+[data-slot="gea-chat-ui"]
+  [data-slot="yaml-options"]
+  button[data-selected="true"],
+[data-slot="gea-chat-ui"] [data-slot="yaml-button"] {
+  background: color-mix(in srgb, var(--gea-chat-accent) 12%, transparent);
+  border-color: var(--gea-chat-accent);
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-options"] button small {
+  color: var(--gea-chat-muted-foreground);
+}
+
+[data-slot="gea-chat-ui"] button:disabled,
+[data-slot="gea-chat-ui"] input:disabled,
+[data-slot="gea-chat-ui"] select:disabled,
+[data-slot="gea-chat-ui"] textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-capability-list"] {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-capability-list"] article {
+  border: 1px solid var(--gea-chat-border);
+  border-radius: var(--gea-chat-radius);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-guided-questions"] {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  margin: 0;
+  padding-left: 20px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-guided-questions"] li {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+[data-slot="gea-chat-ui"] [data-slot="yaml-submit-unavailable"] {
+  color: var(--gea-chat-muted-foreground);
+  font-size: 12px;
+  margin: 8px 0 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-slot="gea-chat-ui"] {
+    --gea-chat-background: #18181b;
+    --gea-chat-border: #3f3f46;
+    --gea-chat-foreground: #f4f4f5;
+    --gea-chat-muted: #27272a;
+    --gea-chat-muted-foreground: #a1a1aa;
+    --gea-chat-user-bg: #27272a;
+  }
+}

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+export type UnknownRecord = Record<string, unknown>;
+export declare function asRecord(value: unknown): UnknownRecord | null;
+export declare function stringifyValue(value: unknown): string;
+export declare function humanize(value: string): string;
+export declare function resolveSafeUrl(value: unknown, resolveAssetUrl?: (url: string) => string | null | undefined, allowEmbedded?: boolean): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,IAAI,CAI7D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,UAc5C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,UASrC;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,EAC5D,aAAa,UAAQ,iBAkCtB"}

package/dist/utils.js

@@ -0,0 +1,56 @@
+export function asRecord(value) {
+    return value != null && typeof value === "object" && !Array.isArray(value)
+        ? value
+        : null;
+}
+export function stringifyValue(value) {
+    if (typeof value === "string") {
+        return value;
+    }
+    if (value == null) {
+        return "";
+    }
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
+export function humanize(value) {
+    return value
+        .replace(/^(data|tool)-/u, "")
+        .replace(/([a-z0-9])([A-Z])/gu, "$1 $2")
+        .replace(/[._-]+/gu, " ")
+        .split(/\s+/u)
+        .filter(Boolean)
+        .map((segment) => `${segment.slice(0, 1).toUpperCase()}${segment.slice(1)}`)
+        .join(" ");
+}
+export function resolveSafeUrl(value, resolveAssetUrl, allowEmbedded = false) {
+    if (typeof value !== "string" || !value.trim()) {
+        return null;
+    }
+    const resolved = resolveAssetUrl ? resolveAssetUrl(value) : value;
+    if (!resolved) {
+        return null;
+    }
+    try {
+        const baseUrl = typeof document === "undefined"
+            ? "https://extension.invalid/"
+            : document.baseURI;
+        const url = new URL(resolved, baseUrl);
+        if (url.protocol === "http:" || url.protocol === "https:") {
+            return url.href;
+        }
+        if (allowEmbedded &&
+            (url.protocol === "blob:" || url.protocol === "data:")) {
+            return url.href;
+        }
+    }
+    catch {
+        return null;
+    }
+    return null;
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,KAAc;IACrC,OAAO,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACxE,CAAC,CAAE,KAAuB;QAC1B,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACxC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAa;IACpC,OAAO,KAAK;SACT,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;SAC7B,OAAO,CAAC,qBAAqB,EAAE,OAAO,CAAC;SACvC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC;SACxB,KAAK,CAAC,MAAM,CAAC;SACb,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3E,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAc,EACd,eAA4D,EAC5D,aAAa,GAAG,KAAK;IAErB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC;QACH,MAAM,OAAO,GACX,OAAO,QAAQ,KAAK,WAAW;YAC7B,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;QACvB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAEvC,IAAI,GAAG,CAAC,QAAQ,KAAK,OAAO,IAAI,GAAG,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1D,OAAO,GAAG,CAAC,IAAI,CAAC;QAClB,CAAC;QAED,IACE,aAAa;YACb,CAAC,GAAG,CAAC,QAAQ,KAAK,OAAO,IAAI,GAAG,CAAC,QAAQ,KAAK,OAAO,CAAC,EACtD,CAAC;YACD,OAAO,GAAG,CAAC,IAAI,CAAC;QAClB,CAAC;IACH,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/yaml-render.d.ts

@@ -0,0 +1,20 @@
+import type { AgentChatMessage, RequestActionToolInput } from "@gea-ai/contract";
+import type { Spec } from "@json-render/react";
+export type GeaYamlRequest = {
+    input: RequestActionToolInput;
+    output?: unknown;
+    state: string;
+    toolCallId: string;
+};
+type GeaYamlSpec = Spec;
+export declare function parseGeaYamlRenderSpec(source: string): GeaYamlSpec | null;
+export declare function getGeaYamlRequest(message: AgentChatMessage, requestKey: string): GeaYamlRequest | null;
+export declare function GeaYamlRender({ active, message, request: explicitRequest, source, streaming, }: {
+    active?: boolean;
+    message?: AgentChatMessage;
+    request?: GeaYamlRequest | null;
+    source: string;
+    streaming?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=yaml-render.d.ts.map

package/dist/yaml-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yaml-render.d.ts","sourceRoot":"","sources":["../src/yaml-render.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAkB/C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,WAAW,GAAG,IAAI,CAAC;AAuLxB,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CA0BzE;AAmCD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,MAAM,GACjB,cAAc,GAAG,IAAI,CAyCvB;AA2nBD,wBAAgB,aAAa,CAAC,EAC5B,MAAa,EACb,OAAO,EACP,OAAO,EAAE,eAAe,EACxB,MAAM,EACN,SAAiB,GAClB,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,kDA6BA"}