assistant-ui 0.0.124 → 0.0.126

package/src/lib/cloud-remote.ts

@@ -0,0 +1,150 @@
+import { validateCloudUrl } from "./cloud-url";
+
+export const CLOUD_CLI_RUN_PATH = "/api/cli/run";
+
+export type CloudCliAction = { type: string; [key: string]: unknown };
+
+export type CloudCliResponse = {
+  stdout?: string;
+  stderr?: string;
+  exitCode: number;
+  actions?: CloudCliAction[];
+};
+
+const SAFE = /^[A-Za-z0-9_@%+=:,./-]+$/;
+
+export const joinCloudArgs = (args: readonly string[]): string =>
+  args
+    .map((arg) => (SAFE.test(arg) ? arg : `'${arg.replaceAll("'", `'\\''`)}'`))
+    .join(" ");
+
+export const parseCloudCliResponse = (
+  value: unknown,
+): CloudCliResponse | null => {
+  if (!value || typeof value !== "object") return null;
+  const body = value as Record<string, unknown>;
+  const exitCode = body["exitCode"];
+  if (
+    typeof exitCode !== "number" ||
+    !Number.isInteger(exitCode) ||
+    exitCode < 0 ||
+    exitCode > 255
+  ) {
+    return null;
+  }
+  for (const key of ["stdout", "stderr"]) {
+    if (body[key] !== undefined && typeof body[key] !== "string") return null;
+  }
+  const actions = body["actions"];
+  if (
+    actions !== undefined &&
+    !(
+      Array.isArray(actions) &&
+      actions.every(
+        (action) =>
+          !!action &&
+          typeof action === "object" &&
+          typeof (action as CloudCliAction).type === "string",
+      )
+    )
+  ) {
+    return null;
+  }
+  return body as CloudCliResponse;
+};
+
+const cliVersion: string =
+  typeof __AUI_PACKAGE_VERSION__ === "string"
+    ? __AUI_PACKAGE_VERSION__
+    : "0.0.0";
+
+export const sendCloudCommand = async (
+  cloudUrl: string,
+  args: readonly string[],
+  accessToken: string | null,
+): Promise<CloudCliResponse> => {
+  const url = `${validateCloudUrl(cloudUrl)}${CLOUD_CLI_RUN_PATH}`;
+  let response: Response;
+  try {
+    response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...(accessToken ? { Authorization: `Bearer ${accessToken}` } : {}),
+      },
+      body: JSON.stringify({
+        command: joinCloudArgs(args),
+        client: {
+          name: "assistant-ui",
+          version: cliVersion,
+          platform: `${process.platform}-${process.arch}`,
+        },
+      }),
+      redirect: "error",
+      signal: AbortSignal.timeout(60_000),
+    });
+  } catch (error) {
+    const cause = (error as Error).cause as NodeJS.ErrnoException | undefined;
+    throw new Error(
+      `Could not reach ${url}: ${cause?.message || cause?.code || (error as Error).message}`,
+    );
+  }
+  const body = parseCloudCliResponse(await response.json().catch(() => null));
+  if (!body) {
+    throw new Error(
+      `Unexpected response from ${url} (${response.status} ${response.statusText}).`,
+    );
+  }
+  return body;
+};
+
+// A response naming an action this client lacks fails before printing, so the
+// server can roll a new action out behind the client version it is sent.
+const ACTION_HANDLERS: Record<
+  string,
+  (action: CloudCliAction) => Promise<number>
+> = {};
+
+export const runCloudCommand = async (
+  args: readonly string[],
+  deps: {
+    cloudUrl: string;
+    accessToken: () => Promise<string | null>;
+    stdout: (text: string) => void;
+    stderr: (text: string) => void;
+    send?: typeof sendCloudCommand;
+  },
+): Promise<number> => {
+  let response: CloudCliResponse;
+  try {
+    response = await (deps.send ?? sendCloudCommand)(
+      deps.cloudUrl,
+      args,
+      await deps.accessToken().catch((error: unknown) => {
+        deps.stderr(
+          `${error instanceof Error ? error.message : String(error)}\n`,
+        );
+        return null;
+      }),
+    );
+  } catch (error) {
+    deps.stderr(`${error instanceof Error ? error.message : String(error)}\n`);
+    return 1;
+  }
+  const unknown = response.actions?.find(
+    (action) => !Object.hasOwn(ACTION_HANDLERS, action.type),
+  );
+  if (unknown) {
+    deps.stderr(
+      `This command needs a newer assistant-ui (unsupported action "${unknown.type}"). Update the CLI and try again.\n`,
+    );
+    return 1;
+  }
+  if (response.stdout) deps.stdout(response.stdout);
+  if (response.stderr) deps.stderr(response.stderr);
+  for (const action of response.actions ?? []) {
+    const code = await ACTION_HANDLERS[action.type]!(action);
+    if (code !== 0) return code;
+  }
+  return response.exitCode;
+};

package/templates/cloud-harness/components/assistant-ui/elements/attachment-state.ts

@@ -0,0 +1,59 @@
+"use client";
+
+import { useAui, useAuiState } from "@assistant-ui/react";
+import { useAttachmentSrc } from "@/hooks/use-attachment-src";
+
+export function useAttachmentState() {
+  const aui = useAui();
+  const isComposer = aui.attachment.source !== "message";
+  const src = useAttachmentSrc();
+
+  const isImage = useAuiState((s) => s.attachment.type === "image");
+  const name = useAuiState((s) => s.attachment.name);
+  const typeLabel = useAuiState((s) => {
+    const type = s.attachment.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        return type;
+    }
+  });
+
+  // An attachment on a submission is still being prepared, whether or not the
+  // adapter reports progress while it uploads.
+  const uploadState = useAuiState((s) =>
+    s.attachment.status.type === "incomplete" &&
+    s.attachment.status.reason === "error"
+      ? "error"
+      : s.attachment.status.type === "running" ||
+          (s.optional.message?.submission !== undefined &&
+            s.attachment.status.type !== "complete")
+        ? "uploading"
+        : undefined,
+  );
+  const isUploading = uploadState === "uploading";
+  const isError = uploadState === "error";
+
+  const errorMessage = useAuiState((s) =>
+    s.attachment.status.type === "incomplete" &&
+    s.attachment.status.reason === "error"
+      ? (s.attachment.status.message ?? "Upload failed")
+      : undefined,
+  );
+
+  return {
+    isComposer,
+    src,
+    isImage,
+    name,
+    typeLabel,
+    isUploading,
+    isError,
+    errorMessage,
+  };
+}

package/templates/cloud-harness/components/assistant-ui/elements/attachment.aui.tsx

@@ -17,8 +17,6 @@ import {
   AttachmentPrimitive,
   ComposerPrimitive,
   MessagePrimitive,
-  useAuiState,
-  useAui,
 } from "@assistant-ui/react";
 import {
   Tooltip,
@@ -34,7 +32,7 @@ import {
 } from "@/components/ui/dialog";
 import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
 import { TooltipIconButton } from "@/components/assistant-ui/elements/tooltip-icon-button";
-import { useAttachmentSrc } from "@/hooks/use-attachment-src";
+import { useAttachmentState } from "./attachment-state";
 import { cn } from "@/lib/utils";
 
 type AttachmentPreviewProps = {
@@ -112,47 +110,16 @@ const AttachmentThumb: FC<{ src: string | undefined }> = ({ src }) => {
 };
 
 const AttachmentUI: FC = () => {
-  const aui = useAui();
-  const isComposer = aui.attachment.source !== "message";
-  const src = useAttachmentSrc();
-
-  const isImage = useAuiState((s) => s.attachment.type === "image");
-  const name = useAuiState((s) => s.attachment.name);
-  const typeLabel = useAuiState((s) => {
-    const type = s.attachment.type;
-    switch (type) {
-      case "image":
-        return "Image";
-      case "document":
-        return "Document";
-      case "file":
-        return "File";
-      default:
-        return type;
-    }
-  });
-
-  // An attachment on a submission is still being prepared, whether or not the
-  // adapter reports progress while it uploads.
-  const uploadState = useAuiState((s) =>
-    s.attachment.status.type === "incomplete" &&
-    s.attachment.status.reason === "error"
-      ? "error"
-      : s.attachment.status.type === "running" ||
-          (s.optional.message?.submission !== undefined &&
-            s.attachment.status.type !== "complete")
-        ? "uploading"
-        : undefined,
-  );
-  const isUploading = uploadState === "uploading";
-  const isError = uploadState === "error";
-
-  const errorMessage = useAuiState((s) =>
-    s.attachment.status.type === "incomplete" &&
-    s.attachment.status.reason === "error"
-      ? (s.attachment.status.message ?? "Upload failed")
-      : undefined,
-  );
+  const {
+    isComposer,
+    src,
+    isImage,
+    name,
+    typeLabel,
+    isUploading,
+    isError,
+    errorMessage,
+  } = useAttachmentState();
 
   return (
     <TooltipProvider>

package/templates/cloud-harness/package.json

@@ -13,7 +13,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.86",
+    "@ai-sdk/openai": "^4.0.96",
     "@assistant-ui/ai-sdk": "workspace:*",
     "@assistant-ui/core": "workspace:*",
     "@assistant-ui/react": "workspace:*",
@@ -21,16 +21,16 @@
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/store": "workspace:*",
     "@assistant-ui/tap": "workspace:*",
-    "@base-ui/react": "^1.8.0",
-    "ai": "^7.0.130",
+    "@base-ui/react": "^1.9.0",
+    "ai": "^7.0.143",
     "assistant-cloud": "workspace:*",
     "class-variance-authority": "^0.7.1",
-    "cn": "^0.4.0",
+    "cn": "^0.5.0",
     "harness-sdk": "file:vendor/harness-sdk-0.3.1.tgz",
-    "lucide-react": "^1.52.0",
-    "next": "^16.4.1",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
+    "lucide-react": "^1.59.0",
+    "next": "^16.4.2",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
     "remark-gfm": "^4.0.1",
     "statewire": "file:vendor/statewire-0.19.3.tgz",
     "tw-animate-css": "^1.4.0",
@@ -40,11 +40,11 @@
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.6.4",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "oxfmt": "^0.72.0",
-    "oxlint": "^1.87.0",
+    "oxfmt": "^0.73.0",
+    "oxlint": "^1.88.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2"
   }

package/templates/cloud-harness/.gitignore

@@ -1,42 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-!.env.example
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts