@schlenkr/ragents 0.1.13 → 0.1.15

package/apps/web/src/SessionList.tsx

@@ -28,8 +28,8 @@ const formatTimestamp = (time: number): string => {
   const today = new Date();
   const sameDay = date.toDateString() === today.toDateString();
   return sameDay
-    ? date.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" })
-    : date.toLocaleDateString("en-US", { day: "2-digit", month: "2-digit" });
+    ? date.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" })
+    : date.toLocaleDateString(undefined, { day: "2-digit", month: "2-digit" });
 };
 
 /** Running, unread, locked and resting runs differ only in their accent color; the card layout stays the same. */
@@ -111,7 +111,7 @@ export function SessionList({
                   aria-current={session.id === activeId ? "true" : undefined}
                   aria-pressed={selectMode ? selectedIds.has(session.id) : undefined}
                   className={cn(
-                    "flex min-h-[148px] min-w-0 flex-1 cursor-pointer flex-col items-stretch gap-2.5 rounded-[11px] px-4 pb-4 text-left focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2 disabled:cursor-default",
+                    "flex max-h-[240px] min-h-[148px] min-w-0 flex-1 cursor-pointer flex-col items-stretch gap-2.5 overflow-hidden rounded-[11px] px-4 pb-4 text-left focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2 disabled:cursor-default",
                     selectMode && "pl-9",
                   )}
                   disabled={session.locked !== undefined && !selectMode}
@@ -119,7 +119,7 @@ export function SessionList({
                   type="button"
                 >
                   <span className={cn("-mx-4 flex flex-col gap-2.5 rounded-t-[11px] border-t-[3px] px-4 pt-3.5 pb-3", tone.head, selectMode && "-ml-9 pl-9")}>
-                    <span className="pr-6 text-[0.9rem] leading-[1.45] font-semibold [overflow-wrap:anywhere]" title={session.title}>{session.title}</span>
+                    <span className="line-clamp-2 pr-6 text-[0.9rem] leading-[1.45] font-semibold [overflow-wrap:anywhere]" title={session.title}>{session.title}</span>
                     <span className="flex min-h-[18px] flex-wrap items-center gap-x-3.5 gap-y-1.5">
                       <span className={cn("flex items-center gap-[7px] text-[0.75rem]", tone.text)}>
                         {session.running ? <Spinner aria-hidden className="size-3" /> : <span aria-hidden className="size-[7px] flex-none rounded-full bg-current" />}
@@ -131,14 +131,15 @@ export function SessionList({
                     </span>
                   </span>
                   {session.locked !== undefined
-                    ? <span className="text-[0.75rem] leading-[1.45] text-destructive [overflow-wrap:anywhere]">{session.locked}</span>
+                    ? <span className="line-clamp-3 text-[0.75rem] leading-[1.45] text-destructive [overflow-wrap:anywhere]" title={session.locked}>{session.locked}</span>
                     : registry.sessionMetadata.map(({ id, Metadata }) => (
                       <Metadata key={id} placement="list" session={session} />
                     ))}
                   <span className="mt-auto grid gap-0.5 text-muted-foreground">
                     {session.createdAt !== undefined && <span className="text-[0.7rem] tabular-nums">Created <time dateTime={new Date(session.createdAt).toISOString()}>
-                      {new Date(session.createdAt).toLocaleString("en-US", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" })}
+                      {new Date(session.createdAt).toLocaleString(undefined, { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" })}
                     </time></span>}
+                    {session.ownerLabel !== undefined && <span className="text-[0.7rem] [overflow-wrap:anywhere]">Created by {session.ownerLabel}</span>}
                     <span className="text-[0.7rem] tabular-nums">Last activity {formatTimestamp(session.updatedAt)}</span>
                   </span>
                 </button>

package/apps/web/src/SettingsModal.tsx

@@ -931,10 +931,10 @@ const skillFileText = (file: SettingsSkillFile) =>
 
 const formatDuration = (milliseconds: number) => {
   const seconds = milliseconds / 1000;
-  if (seconds < 60) return `${seconds.toLocaleString("en-US")} s`;
+  if (seconds < 60) return `${seconds.toLocaleString()} s`;
   const minutes = seconds / 60;
-  if (minutes < 60) return `${minutes.toLocaleString("en-US")} min`;
-  return `${(minutes / 60).toLocaleString("en-US")} h`;
+  if (minutes < 60) return `${minutes.toLocaleString()} min`;
+  return `${(minutes / 60).toLocaleString()} h`;
 };
 
 const sensitiveKey = (key: string) => /secret|token|password|credential|api.?key|authorization|cookie/i.test(key);

package/apps/web/src/actor-programs/client-ui/FilePicker.tsx

@@ -57,7 +57,7 @@ export function FilePicker({ label, files, onChange, disabled, showPreview = tru
     </div>
     {error && <p className="mt-2 text-sm text-destructive" role="alert">{error}</p>}
     {files.length > 0 && <ul className="mt-2 divide-y">{files.map((file, index) => <li className="py-2" key={`${file.name}:${file.size}:${file.lastModified}:${index}`}>
-      <div className="flex items-start justify-between gap-3"><span className="min-w-0 break-words"><strong>{file.name}</strong> <small className="block text-muted-foreground">{new Intl.NumberFormat("en-US").format(file.size)} bytes</small></span>
+      <div className="flex items-start justify-between gap-3"><span className="min-w-0 break-words"><strong>{file.name}</strong> <small className="block text-muted-foreground">{new Intl.NumberFormat().format(file.size)} bytes</small></span>
         <Button aria-label={`Remove ${file.name}`} disabled={blocked} onClick={() => { void change(() => files.filter((_, position) => position !== index)); }} size="sm" variant="outline">Remove</Button></div>
       {showPreview && <FilePreview file={file} />}
     </li>)}</ul>}

package/apps/web/src/api.ts

@@ -43,6 +43,8 @@ export interface SessionInfo {
   running?: boolean;
   /** Whether the viewer can reach the run's workspace; missing as long as the server has not listed the run yet. */
   workspaceAccessible?: boolean;
+  /** Display name of the user who created the run; missing for a run created without sign-in. */
+  ownerLabel?: string;
   metadata?: Readonly<Record<string, unknown>>;
   /** Why a metadata contribution has no value: failed or did not answer in time. */
   metadataUnavailable?: Readonly<Record<string, string>>;

package/apps/web/src/run-overview.ts

@@ -18,7 +18,7 @@ export function groupRunsByActivity(sessions: readonly SessionInfo[], now = new
     const key = dayKey(date);
     const group = groups.get(key) ?? {
       date: key,
-      label: key === today ? "Today" : key === dayKey(yesterday) ? "Yesterday" : date.toLocaleDateString("en-US", { weekday: "long", day: "numeric", month: "long", ...(date.getFullYear() === now.getFullYear() ? {} : { year: "numeric" }) }),
+      label: key === today ? "Today" : key === dayKey(yesterday) ? "Yesterday" : date.toLocaleDateString(undefined, { weekday: "long", day: "numeric", month: "long", ...(date.getFullYear() === now.getFullYear() ? {} : { year: "numeric" }) }),
       sessions: [],
     };
     group.sessions.push(session);

package/apps/web/src/run-panel/RunPanelApp.tsx

@@ -231,7 +231,7 @@ function RunPanelPage({ connection, initialRunId, registry }: { connection: stri
               <RunStateIcon className="self-center px-1.5" state={session?.running ? "running" : "idle"} />
               <StopButton className="self-center" disabled={!writeRuns} label="Stop run" onClick={stop} size="icon-lg" title="Stop the run with all agents and flows" />
               <div aria-label="Panel tools" className="flex flex-none items-center empty:hidden" ref={setToolsContainer} role="toolbar" />
-              <RunPanelMenu onOpenSettings={openSettings} />
+              <RunPanelMenu onOpenSettings={openSettings} runId={runId} />
             </header>
             {stopError && <Alert variant="destructive">{stopError}</Alert>}
             <main className="relative z-1 flex min-h-0 min-w-0 flex-1 @container/chat-content">

package/apps/web/src/run-panel/RunPanelMenu.tsx

@@ -1,35 +1,71 @@
 import { useId, useRef, useState } from "react";
-import { ExternalLinkIcon, LogOutIcon, MoreVerticalIcon, SettingsIcon } from "lucide-react";
+import { ChevronLeftIcon, ExternalLinkIcon, LogOutIcon, MoreVerticalIcon, PlayIcon, SettingsIcon } from "lucide-react";
+import { coreContracts } from "@ragents/host/api/contracts";
+import type { RunScriptListing } from "../../../server/src/chat-handler";
 import { useAccess } from "../AccessContext";
+import { rpc } from "../rpc";
 import { Button, Popover, PopoverContent } from "../ui";
 import { useRunPanelHost } from "./host";
 
-const itemClass = "flex w-full cursor-pointer items-center gap-2.5 rounded-md px-2 py-1.5 text-left hover:bg-accent focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-2 disabled:cursor-default disabled:opacity-50 [&>svg]:size-4 [&>svg]:flex-none [&>svg]:text-muted-foreground";
+const itemClass = "flex w-full cursor-pointer items-center gap-2.5 rounded-md px-2 py-1.5 text-left hover:bg-accent focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-2 disabled:cursor-default disabled:opacity-50 disabled:hover:bg-transparent [&>svg]:size-4 [&>svg]:flex-none [&>svg]:text-muted-foreground";
 
-/** The menu at the top right of the panel: settings, server in the browser, and sign-out behind one button. */
-export function RunPanelMenu({ onOpenSettings }: { onOpenSettings: () => void }) {
+const messageOf = (cause: unknown): string => cause instanceof Error ? cause.message : String(cause);
+
+type Scripts = { readonly kind: "loading" } | { readonly kind: "ready"; readonly scripts: readonly RunScriptListing[] };
+
+/** The menu at the top right of the panel: settings, run scripts for the open run, server in the browser, and sign-out behind one button. */
+export function RunPanelMenu({ onOpenSettings, runId }: { onOpenSettings: () => void; runId?: string }) {
   const host = useRunPanelHost();
   const access = useAccess();
   const [open, setOpen] = useState(false);
   const [pending, setPending] = useState(false);
   const [error, setError] = useState<string>();
+  const [scripts, setScripts] = useState<Scripts>();
   const buttonRef = useRef<HTMLButtonElement>(null);
   const panelId = useId();
   const pressedAnchor = (details: { reason: string; event: Event }) =>
     details.reason === "outside-press" && details.event.target instanceof Node && buttonRef.current?.contains(details.event.target) === true;
+  const close = () => { setOpen(false); setScripts(undefined); setError(undefined); };
   const logout = () => {
     if (host.kind === "vscode") { host.requestLogout(); setOpen(false); return; }
     setPending(true);
     setError(undefined);
-    void access.logout().then(() => setOpen(false)).catch((cause: unknown) => setError(cause instanceof Error ? cause.message : String(cause))).finally(() => setPending(false));
+    void access.logout().then(() => setOpen(false)).catch((cause: unknown) => setError(messageOf(cause))).finally(() => setPending(false));
+  };
+  const listScripts = (run: string) => {
+    setScripts({ kind: "loading" });
+    setError(undefined);
+    void rpc.call(coreContracts.runs.scripts, { runId: run }).then((listed) => setScripts({ kind: "ready", scripts: listed }))
+      .catch((cause: unknown) => { setScripts({ kind: "ready", scripts: [] }); setError(messageOf(cause)); });
+  };
+  const startScript = (run: string, entry: string) => {
+    setPending(true);
+    setError(undefined);
+    void rpc.call(coreContracts.runs.startScript, { runId: run, entry, input: null }).then(close)
+      .catch((cause: unknown) => setError(messageOf(cause))).finally(() => setPending(false));
   };
+  const scriptRun = runId !== undefined && access.can("runs.write") ? runId : undefined;
   return <>
-    <Button aria-controls={open ? panelId : undefined} aria-expanded={open} aria-haspopup="dialog" aria-label="Panel menu" className="self-center" onClick={() => setOpen((value) => !value)} ref={buttonRef} size="icon-lg" title="Menu" variant="ghost"><MoreVerticalIcon /></Button>
-    <Popover onOpenChange={(next, details) => { if (!next && pressedAnchor(details)) return; setOpen(next); }} open={open}>
-      <PopoverContent align="end" anchor={buttonRef} aria-label="Panel menu" className="w-[220px] gap-0 p-1 text-[0.8rem]" collisionPadding={8} dim id={panelId} role="dialog" side="bottom">
-        <button className={itemClass} onClick={() => { setOpen(false); onOpenSettings(); }} type="button"><SettingsIcon />Settings</button>
-        {host.kind === "vscode" && <button className={itemClass} onClick={() => { setOpen(false); host.openExternal(new URL("/", window.location.href).toString()); }} type="button"><ExternalLinkIcon />Open in browser</button>}
-        {access.enabled && access.user && <button className={itemClass} disabled={pending} onClick={logout} title={access.user.id} type="button"><LogOutIcon /><span className="grid min-w-0"><span>Sign out</span><span className="truncate text-[0.68rem] text-muted-foreground">{access.user.label}</span></span></button>}
+    <Button aria-controls={open ? panelId : undefined} aria-expanded={open} aria-haspopup="dialog" aria-label="Panel menu" className="self-center" onClick={() => (open ? close() : setOpen(true))} ref={buttonRef} size="icon-lg" title="Menu" variant="ghost"><MoreVerticalIcon /></Button>
+    <Popover onOpenChange={(next, details) => { if (!next && pressedAnchor(details)) return; if (next) setOpen(true); else close(); }} open={open}>
+      <PopoverContent align="end" anchor={buttonRef} aria-label="Panel menu" className="w-[260px] gap-0 p-1 text-[0.8rem]" collisionPadding={8} dim id={panelId} role="dialog" side="bottom">
+        {scripts && scriptRun !== undefined ? <>
+          <button className={itemClass} onClick={() => { setScripts(undefined); setError(undefined); }} type="button"><ChevronLeftIcon />Run script</button>
+          <div aria-label="Run scripts" className="grid max-h-[50vh] overflow-auto border-t border-border-soft pt-1" role="list">
+            {scripts.kind === "loading" && <p className="px-2 py-1.5 text-muted-foreground">Loading run scripts ...</p>}
+            {scripts.kind === "ready" && scripts.scripts.length === 0 && !error && <p className="px-2 py-1.5 text-muted-foreground">This profile has no run scripts for you.</p>}
+            {scripts.kind === "ready" && scripts.scripts.map((script) => <button className={itemClass} disabled={pending || !script.available} key={script.id}
+              onClick={() => startScript(scriptRun, script.id)} role="listitem" title={script.reason ?? script.description} type="button">
+              <span className="grid min-w-0"><span className="truncate">{script.title}</span>
+                <span className="line-clamp-2 text-[0.68rem] text-muted-foreground">{script.available ? script.description : script.reason}</span></span>
+            </button>)}
+          </div>
+        </> : <>
+          <button className={itemClass} onClick={() => { close(); onOpenSettings(); }} type="button"><SettingsIcon />Settings</button>
+          {scriptRun !== undefined && <button className={itemClass} onClick={() => listScripts(scriptRun)} type="button"><PlayIcon />Run script</button>}
+          {host.kind === "vscode" && <button className={itemClass} onClick={() => { close(); host.openExternal(new URL("/", window.location.href).toString()); }} type="button"><ExternalLinkIcon />Open in browser</button>}
+          {access.enabled && access.user && <button className={itemClass} disabled={pending} onClick={logout} title={access.user.id} type="button"><LogOutIcon /><span className="grid min-w-0"><span>Sign out</span><span className="truncate text-[0.68rem] text-muted-foreground">{access.user.label}</span></span></button>}
+        </>}
         {error && <p className="px-2 py-1.5 text-[0.72rem] text-destructive" role="alert">{error}</p>}
       </PopoverContent>
     </Popover>

package/apps/web/src/ui/relative-time.ts

@@ -4,7 +4,7 @@ const DAY = 24 * HOUR;
 const WEEK = 7 * DAY;
 
 const date = (at: number, year: boolean): string =>
-  new Date(at).toLocaleDateString("en-US", year ? { day: "2-digit", month: "2-digit", year: "numeric" } : { day: "2-digit", month: "2-digit" });
+  new Date(at).toLocaleDateString(undefined, year ? { day: "2-digit", month: "2-digit", year: "numeric" } : { day: "2-digit", month: "2-digit" });
 
 /** The time in the list: now, 5 min, 3 h, 2 d, from seven days on the date. Without "ago", without a special case for yesterday. */
 export const shortTime = (at: number, now: number = Date.now()): string => {

package/bundles/ragents.activity/ragents-bundle.json

@@ -23,7 +23,7 @@
     }
   },
   "revision": "b7b04d050f5f4bcb0980880167b8e2cdd3ad533ba07f589dd0de471b9e55c0fd",
-  "sourceRevision": "d0f96d5406c652a4ed17f8642adfc889bb3be49fc7948f84e0f889ecb910f26e",
+  "sourceRevision": "047290b262944aedbbbb4c4a819509c4bc3a7e0df4fa76b38d9e21ebe5626828",
   "server": "server/index.js",
   "web": {
     "entry": "web/index.js",

package/bundles/ragents.actor-programs/ragents-bundle.json

@@ -18,6 +18,7 @@
         "handleKey",
         "holdsUsable",
         "implement",
+        "inheritedGrants",
         "runCapabilityBindingHash",
         "runCapabilityContractHash",
         "schemaComplaints",
@@ -26,6 +27,7 @@
       "@ragents/host/plugin-support/actor-programs/app-project": [
         "compileAppBackend",
         "installServerSdk",
+        "packageIdentity",
         "prepareAppProject",
         "prepareAppWorkspace",
         "projectSourceFiles",
@@ -192,8 +194,8 @@
       ]
     }
   },
-  "revision": "e25685f9ef95c00333e76e28047747da063b0367833419273d936820fbf1078a",
-  "sourceRevision": "a90150418157ee1b04b3a4c91d1502f32d2e4b7dde1924b63598df7f9ff7360b",
+  "revision": "15fc5afb9aac414335069c28989cae4fa95fec8a2937584f8497a42ce01ffaba",
+  "sourceRevision": "6abd7c9e82683655c2bf5010641391a3960ccf495729a87ef00ef58cfb07f7af",
   "server": "server/index.js",
   "web": {
     "entry": "web/index.js",