@ai-matrx/chat 0.4.19 → 0.4.21

package/dist/agents/redux/tools/tools.thunks.d.ts

@@ -20,7 +20,7 @@ type WithToolLookups = WithTools & {
 };
 export declare const fetchAvailableTools: import("@reduxjs/toolkit").AsyncThunk<{
     admin_only: boolean;
-    annotations: import("../../../host/db-types.js").Json | null;
+    annotations: import("@ai-matrx/data/types").Json | null;
     category: string | null;
     created_at: string;
     created_by: string | null;
@@ -28,22 +28,22 @@ export declare const fetchAvailableTools: import("@reduxjs/toolkit").AsyncThunk<
     dedupe_exempt: boolean;
     deleted_at: string | null;
     description: string;
-    gating: import("../../../host/db-types.js").Json;
+    gating: import("@ai-matrx/data/types").Json;
     icon: string | null;
     id: string;
     is_active: boolean;
     managed_by_server_id: string | null;
     max_client_wait_seconds: number | null;
-    metadata: import("../../../host/db-types.js").Json;
+    metadata: import("@ai-matrx/data/types").Json;
     name: string;
     organization_id: string;
-    output_schema: import("../../../host/db-types.js").Json | null;
-    parameters: import("../../../host/db-types.js").Json;
+    output_schema: import("@ai-matrx/data/types").Json | null;
+    parameters: import("@ai-matrx/data/types").Json;
     published_to_web: boolean;
     published_to_web_at: string | null;
     published_to_web_by: string | null;
     semver: string | null;
-    shown_to: import("../../../host/db-types.js").Database["platform"]["Enums"]["shown_to"] | null;
+    shown_to: import("@ai-matrx/data/types").Database["platform"]["Enums"]["shown_to"] | null;
     side_effect_class: string | null;
     source_kind: string;
     tags: string[] | null;
@@ -55,7 +55,7 @@ export declare const fetchAvailableTools: import("@reduxjs/toolkit").AsyncThunk<
     updated_by_tier: string | null;
     validation_exempt: boolean;
     version: number;
-    visibility: import("../../../host/db-types.js").Database["platform"]["Enums"]["visibility"];
+    visibility: import("@ai-matrx/data/types").Database["platform"]["Enums"]["visibility"];
 }[], void, {
     dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
     extra?: unknown;
@@ -76,7 +76,7 @@ export declare const fetchAvailableTools: import("@reduxjs/toolkit").AsyncThunk<
  */
 export declare const fetchToolById: import("@reduxjs/toolkit").AsyncThunk<{
     admin_only: boolean;
-    annotations: import("../../../host/db-types.js").Json | null;
+    annotations: import("@ai-matrx/data/types").Json | null;
     category: string | null;
     created_at: string;
     created_by: string | null;
@@ -84,22 +84,22 @@ export declare const fetchToolById: import("@reduxjs/toolkit").AsyncThunk<{
     dedupe_exempt: boolean;
     deleted_at: string | null;
     description: string;
-    gating: import("../../../host/db-types.js").Json;
+    gating: import("@ai-matrx/data/types").Json;
     icon: string | null;
     id: string;
     is_active: boolean;
     managed_by_server_id: string | null;
     max_client_wait_seconds: number | null;
-    metadata: import("../../../host/db-types.js").Json;
+    metadata: import("@ai-matrx/data/types").Json;
     name: string;
     organization_id: string;
-    output_schema: import("../../../host/db-types.js").Json | null;
-    parameters: import("../../../host/db-types.js").Json;
+    output_schema: import("@ai-matrx/data/types").Json | null;
+    parameters: import("@ai-matrx/data/types").Json;
     published_to_web: boolean;
     published_to_web_at: string | null;
     published_to_web_by: string | null;
     semver: string | null;
-    shown_to: import("../../../host/db-types.js").Database["platform"]["Enums"]["shown_to"] | null;
+    shown_to: import("@ai-matrx/data/types").Database["platform"]["Enums"]["shown_to"] | null;
     side_effect_class: string | null;
     source_kind: string;
     tags: string[] | null;
@@ -111,7 +111,7 @@ export declare const fetchToolById: import("@reduxjs/toolkit").AsyncThunk<{
     updated_by_tier: string | null;
     validation_exempt: boolean;
     version: number;
-    visibility: import("../../../host/db-types.js").Database["platform"]["Enums"]["visibility"];
+    visibility: import("@ai-matrx/data/types").Database["platform"]["Enums"]["visibility"];
 }, string, {
     dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
     extra?: unknown;

package/dist/agents/ui-first-tools/ui/CredentialCaptureCard.d.ts

@@ -0,0 +1,31 @@
+export interface CredentialCaptureField {
+    fieldKey: string;
+    label: string;
+    /** Mask the box (password-style). */
+    secret: boolean;
+}
+/** The card's spec. Field NAMES only — a value has no place to ride in on it. */
+export interface CredentialCaptureSpec {
+    /** Stable id of this request (tool call id or handoff id); scopes input ids. */
+    id: string;
+    host: string;
+    displayName: string;
+    branch: "known" | "unknown";
+    /** Epoch ms after which the agent has moved on and no write may happen. */
+    expiresAtMs: number;
+    fields: CredentialCaptureField[];
+}
+export type CredentialCaptureSaveResult = {
+    ok: true;
+} | {
+    ok: false;
+    message?: string;
+};
+export type CredentialCaptureDismissReason = "cancelled" | "expired";
+export interface CredentialCaptureCardProps {
+    spec: CredentialCaptureSpec;
+    save: (values: Record<string, string>) => Promise<CredentialCaptureSaveResult>;
+    dismiss: (reason: CredentialCaptureDismissReason) => void | Promise<void>;
+}
+export declare function CredentialCaptureCard({ spec, save, dismiss }: CredentialCaptureCardProps): import("react").JSX.Element;
+export default CredentialCaptureCard;

package/dist/agents/ui-first-tools/ui/CredentialCaptureCard.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { KeyRound, Loader2, ShieldCheck } from "lucide-react";
+import { Input } from "@ai-matrx/design-system";
+import { Button } from "@ai-matrx/design-system/controls";
+import { AgentCardShell } from "./AgentCardShell.js";
+function CredentialCaptureCard({ spec, save, dismiss }) {
+  const [values, setValues] = useState({});
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [expired, setExpired] = useState(() => Date.now() >= spec.expiresAtMs);
+  const busyRef = useRef(false);
+  const dismissRef = useRef(dismiss);
+  dismissRef.current = dismiss;
+  useEffect(() => () => setValues({}), []);
+  useEffect(() => {
+    const ms = spec.expiresAtMs - Date.now();
+    if (ms <= 0) return;
+    const timer = setTimeout(() => {
+      setExpired(true);
+      if (busyRef.current) return;
+      setValues({});
+      void Promise.resolve(dismissRef.current("expired")).catch(() => void 0);
+    }, ms);
+    return () => clearTimeout(timer);
+  }, [spec.id, spec.expiresAtMs]);
+  const allFilled = spec.fields.every((f) => (values[f.fieldKey] ?? "").length > 0);
+  const onCancel = useCallback(async () => {
+    setValues({});
+    setBusy(true);
+    try {
+      await dismiss(expired ? "expired" : "cancelled");
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Could not close this sign-in request.");
+    } finally {
+      setBusy(false);
+    }
+  }, [dismiss, expired]);
+  const onSave = useCallback(async () => {
+    if (busyRef.current) return;
+    if (expired || Date.now() >= spec.expiresAtMs) {
+      setExpired(true);
+      setValues({});
+      return;
+    }
+    busyRef.current = true;
+    setBusy(true);
+    setError(null);
+    const typed = {};
+    for (const f of spec.fields) typed[f.fieldKey] = values[f.fieldKey] ?? "";
+    let result;
+    try {
+      result = await save(typed);
+    } catch (cause) {
+      result = { ok: false, message: cause instanceof Error ? cause.message : void 0 };
+    }
+    setValues({});
+    busyRef.current = false;
+    setBusy(false);
+    if (result.ok) return;
+    if (Date.now() >= spec.expiresAtMs) {
+      setExpired(true);
+      void Promise.resolve(dismiss("expired")).catch(() => void 0);
+      return;
+    }
+    setError(result.message || "Could not save this sign-in. Try again or cancel.");
+  }, [dismiss, expired, save, spec, values]);
+  return /* @__PURE__ */ jsxs(
+    AgentCardShell,
+    {
+      tone: "warning",
+      icon: KeyRound,
+      eyebrow: "Sign-in needed",
+      title: `Save a login for ${spec.host}`,
+      titleInline: true,
+      "aria-label": `Save a login for ${spec.host}`,
+      badge: spec.branch === "known" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3" }),
+        " Known site"
+      ] }) : null,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", disabled: busy, onClick: () => void onCancel(), children: expired ? "Dismiss" : "Cancel" }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "primary",
+            disabled: busy || expired || !allFilled,
+            onClick: () => void onSave(),
+            children: [
+              busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 size-3 animate-spin" }) : null,
+              "Save and continue"
+            ]
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs("p", { className: "mb-3 text-xs text-muted-foreground", children: [
+          "Your agent needs to sign in to",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: spec.displayName }),
+          ". Enter it here; it goes to your vault and ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "the agent never sees it" }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: spec.fields.map((field) => {
+          const inputId = `capture-${spec.id}-${field.fieldKey}`;
+          return /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: field.label }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: inputId,
+                type: field.secret ? "password" : "text",
+                autoComplete: field.secret ? "new-password" : "off",
+                value: values[field.fieldKey] ?? "",
+                disabled: busy || expired,
+                className: "text-base",
+                onChange: (event) => {
+                  const next = event.target.value;
+                  setValues((prev) => ({ ...prev, [field.fieldKey]: next }));
+                }
+              }
+            )
+          ] }, field.fieldKey);
+        }) }),
+        expired ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "This request expired and your agent has moved on. Ask it to try the sign-in again." }) : null,
+        error ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-destructive", children: error }) : null
+      ]
+    }
+  );
+}
+var CredentialCaptureCard_default = CredentialCaptureCard;
+export {
+  CredentialCaptureCard,
+  CredentialCaptureCard_default as default
+};