aidevops 3.29.40 → 3.30.0

package/packages/gui-web/src/ScreenshotCaptureNotification.tsx

@@ -0,0 +1,51 @@
+import { type ReactElement, useEffect, useState } from "react";
+
+export interface ScreenshotCapturedDetail {
+  path: string;
+  url: string;
+}
+
+interface WebKitExternalLinkWindow extends Window {
+  webkit?: {
+    messageHandlers?: {
+      externalLink?: {
+        postMessage: (href: string) => void;
+      };
+    };
+  };
+}
+
+export function ScreenshotCaptureNotification({ notification, onDismiss }: { notification: ScreenshotCapturedDetail; onDismiss: () => void }): ReactElement {
+  const revealScreenshot = () => {
+    const webkit = (window as WebKitExternalLinkWindow).webkit;
+    webkit?.messageHandlers?.externalLink?.postMessage(notification.url);
+  };
+
+  return (
+    <div className="screenshot-capture-notification" role="status">
+      <div>
+        <strong>Screenshot captured</strong>
+        <span>Saved to <button onClick={revealScreenshot} type="button">{notification.path}</button>; path copied to clipboard.</span>
+      </div>
+      <button aria-label="Dismiss screenshot notification" onClick={onDismiss} type="button">×</button>
+    </div>
+  );
+}
+
+export function ScreenshotCaptureNotificationHost(): ReactElement | null {
+  const [screenshotNotification, setScreenshotNotification] = useState<ScreenshotCapturedDetail | undefined>();
+
+  useEffect(() => {
+    const showScreenshotNotification = (event: Event) => {
+      const detail = (event as CustomEvent<Partial<ScreenshotCapturedDetail>>).detail;
+      if (detail !== undefined && typeof detail.path === "string" && typeof detail.url === "string") {
+        setScreenshotNotification({ path: detail.path, url: detail.url });
+      }
+    };
+
+    window.addEventListener("aidevops:screenshot-captured", showScreenshotNotification);
+    return () => window.removeEventListener("aidevops:screenshot-captured", showScreenshotNotification);
+  }, []);
+
+  return screenshotNotification ? <ScreenshotCaptureNotification notification={screenshotNotification} onDismiss={() => setScreenshotNotification(undefined)} /> : null;
+}

package/packages/gui-web/src/app-model.ts

@@ -148,6 +148,13 @@ export interface InventorySurfaceConfig {
   title: string;
 }
 
+export interface ChatPrimitiveStackDecision {
+  adopt: string[];
+  defer: string[];
+  foundation: string;
+  owner: "local_vite_shell";
+}
+
 export type SurfaceRecordCounts = Partial<Record<SurfaceId, number>>;
 
 export const text = {
@@ -278,6 +285,8 @@ export const text = {
   workersIntro: "Pulse & Workers brings worker sessions, event streams, outcomes, resources, and systemic fixes into one observability console so attention goes to exceptions, bottlenecks, and reusable improvements instead of raw noise.",
   theme: "Theme",
   appearance: "Appearance",
+  approvalExecutionDeferred: "Approval execution is deferred until audited approval tooling exists.",
+  devOpsCard: "DevOps card",
   hue: "Hue",
   reset: "Reset",
   showBorders: "Show borders",
@@ -286,6 +295,8 @@ export const text = {
   fontSize: "Font size",
   truncated: "Preview truncated for safety.",
   update: "Update",
+  tamboGenUiReadOnly: "Tambo GenUI · read-only",
+  unsupportedDevOpsCard: "Unsupported DevOps card",
   vault: "Vault",
   vaultAudit: "Audit Logs",
   vaultBackups: "Backups & Recovery",
@@ -315,6 +326,13 @@ export const DEFAULT_CONTRAST: ContrastPreference = "low";
 export const DEFAULT_FONT: FontPreference = "Inter";
 export const DEFAULT_FONT_SIZE: FontSizePreference = "xs";
 
+export const chatPrimitiveStackDecision: ChatPrimitiveStackDecision = {
+  owner: "local_vite_shell",
+  foundation: "Turbostarter AI patterns supply persistence, AI SDK transport, model selection, attachments, tool/reasoning panels, sharing, and session actions behind audited routes.",
+  adopt: ["MessageScroller", "Message", "Bubble", "Attachment", "Marker"],
+  defer: ["Tambo ordinary chat persistence", "Tambo channel transport", "React Joyride as chat infrastructure", "Next.js route ownership"],
+};
+
 export const contrastOptions: ContrastOption[] = [
   { value: "low", label: "Low" },
   { value: "medium", label: "Medium" },
@@ -368,7 +386,7 @@ export const navGroups: SurfaceNavGroup[] = [
     mode: "devops",
     items: [
       plannedNavItem("aiSessions", text.aiSessions, "AI chat and OpenCode sessions", "terminal"),
-      plannedNavItem("workers", text.workers, "Pulse, worker sessions, outcomes, and resources", "activity"),
+      { id: "workers", label: text.workers, description: "Pulse, worker sessions, outcomes, and resources", icon: "activity" },
       { id: "git", label: text.localRepos, description: "~/Git explorer", icon: "folder" },
       plannedNavItem("repos", text.repos, "Unified local and remote repo context", "git"),
       { id: "projects", label: text.projects, description: "repos.json summary", icon: "git" },

package/packages/gui-web/src/status-client.ts

@@ -104,9 +104,11 @@ function normalizeStatusEnvelope(envelope: GuiResponseEnvelope<Partial<GuiStatus
         ...data.pulse_workers,
         kpis: data.pulse_workers?.kpis ?? statusFixture.pulse_workers.kpis,
         attention: data.pulse_workers?.attention ?? statusFixture.pulse_workers.attention,
+        insights: data.pulse_workers?.insights ?? statusFixture.pulse_workers.insights,
         filters: { ...statusFixture.pulse_workers.filters, ...data.pulse_workers?.filters },
         charts: data.pulse_workers?.charts ?? statusFixture.pulse_workers.charts,
         events: data.pulse_workers?.events ?? statusFixture.pulse_workers.events,
+        actions: data.pulse_workers?.actions ?? statusFixture.pulse_workers.actions,
       },
       capabilities: data.capabilities ?? statusFixture.capabilities,
       secrets: data.secrets ?? statusFixture.secrets,

package/packages/gui-web/src/styles.css

@@ -50,10 +50,10 @@
   --bg-primary: #0a0a0a;
   --bg-secondary: #111111;
   --bg-tertiary: #1a1a1a;
-  --border: color-mix(in srgb, rgb(255 255 255 / 11%) 76%, rgb(255 255 255 / 30%));
-  --border-hover: color-mix(in srgb, rgb(255 255 255 / 22%) 74%, rgb(255 255 255 / 40%));
+  --border: color-mix(in srgb, rgb(255 255 255 / 15%) 78%, rgb(255 255 255 / 32%));
+  --border-hover: color-mix(in srgb, rgb(255 255 255 / 28%) 76%, rgb(255 255 255 / 44%));
   --code-bg: hsl(var(--accent-hue) 18% 6%);
-  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), inset 0 -1px 0 rgb(0 0 0 / 24%), var(--shadow-soft);
+  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 13%), inset 0 -1px 0 rgb(0 0 0 / 28%), var(--shadow-soft);
   --notification-error-bg: rgb(255 123 114 / 13%);
   --notification-error-fg: #ff7b72;
   --notification-info-bg: rgb(88 166 255 / 13%);
@@ -62,7 +62,7 @@
   --notification-success-fg: #56d364;
   --notification-warning-bg: rgb(210 153 34 / 15%);
   --notification-warning-fg: #d29922;
-  --shadow-soft: 0 24px 80px rgb(0 0 0 / 40%);
+  --shadow-soft: 0 26px 84px rgb(0 0 0 / 46%);
   --surface-elevated: #151515;
   --surface-muted: #202020;
   --success-bg: hsl(var(--accent-hue) 74% 66% / 12%);
@@ -88,8 +88,10 @@
   --bg-primary: #050505;
   --bg-secondary: #0b0b0b;
   --bg-tertiary: #141414;
-  --border: color-mix(in srgb, rgb(255 255 255 / 22%) 78%, rgb(255 255 255 / 44%));
-  --border-hover: color-mix(in srgb, rgb(255 255 255 / 36%) 80%, rgb(255 255 255 / 52%));
+  --border: color-mix(in srgb, rgb(255 255 255 / 24%) 80%, rgb(255 255 255 / 44%));
+  --border-hover: color-mix(in srgb, rgb(255 255 255 / 38%) 82%, rgb(255 255 255 / 52%));
+  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), inset 0 -1px 0 rgb(0 0 0 / 30%), var(--shadow-soft);
+  --shadow-soft: 0 28px 88px rgb(0 0 0 / 52%);
   --surface-elevated: #101010;
   --surface-muted: #181818;
   --text-muted: rgb(255 255 255 / 58%);
@@ -205,13 +207,36 @@ body {
   background:
     radial-gradient(ellipse at top left, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 36%),
     var(--bg-secondary);
+  background-attachment: fixed;
+  background-repeat: no-repeat;
   color: var(--text-primary);
   font-family: var(--font-family-app);
   line-height: 1.6;
   margin: 0;
+  min-height: 100vh;
   font-size: var(--font-size-app);
 }
 
+:root[data-theme="dark"] body {
+  background-image:
+    radial-gradient(ellipse 78% 64% at top left,
+      hsl(var(--accent-hue) 96% 22% / 62%) 0%,
+      hsl(var(--accent-hue) 92% 18% / 34%) 34%,
+      transparent 58%),
+    radial-gradient(ellipse 72% 62% at bottom right,
+      hsl(var(--accent-hue) 90% 16% / 38%) 0%,
+      hsl(var(--accent-hue) 84% 12% / 20%) 38%,
+      transparent 66%),
+    radial-gradient(ellipse 66% 54% at bottom left,
+      hsl(var(--accent-hue) 90% 15% / 30%) 0%,
+      hsl(var(--accent-hue) 80% 11% / 16%) 38%,
+      transparent 68%),
+    linear-gradient(135deg,
+      color-mix(in srgb, hsl(var(--accent-hue) 92% 16%) 44%, var(--bg-secondary)) 0%,
+      color-mix(in srgb, hsl(var(--accent-hue) 80% 12%) 14%, var(--bg-secondary)) 48%,
+      color-mix(in srgb, var(--accent) 6%, var(--bg-primary)) 100%);
+}
+
 button,
 input,
 select {
@@ -273,6 +298,68 @@ code {
   z-index: 20;
 }
 
+.screenshot-capture-notification {
+  align-items: center;
+  background: color-mix(in srgb, var(--surface-elevated) 94%, transparent);
+  border: 1px solid var(--border-accent);
+  border-radius: 999px;
+  box-shadow: var(--glass-panel-shadow);
+  color: var(--text-secondary);
+  display: flex;
+  gap: 12px;
+  left: 50%;
+  max-width: min(720px, calc(100vw - 48px));
+  padding: 8px 10px 8px 14px;
+  position: fixed;
+  top: calc(var(--desktop-titlebar-height) + 10px);
+  transform: translateX(-50%);
+  z-index: 40;
+}
+
+.screenshot-capture-notification > div {
+  display: grid;
+  gap: 1px;
+  min-width: 0;
+}
+
+.screenshot-capture-notification strong {
+  color: var(--text-primary);
+  font-size: 0.78rem;
+  line-height: 1.2;
+}
+
+.screenshot-capture-notification span {
+  font-size: 0.74rem;
+  line-height: 1.25;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.screenshot-capture-notification button {
+  background: transparent;
+  border: 0;
+  color: var(--accent);
+  font: inherit;
+  padding: 0;
+  text-decoration: underline;
+}
+
+.screenshot-capture-notification > button {
+  align-items: center;
+  background: var(--surface-muted);
+  border: 1px solid transparent;
+  border-radius: 999px;
+  color: var(--text-secondary);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 1rem;
+  height: 24px;
+  justify-content: center;
+  line-height: 1;
+  width: 24px;
+}
+
 .machine-rail,
 .app-sidebar,
 .app-inset {
@@ -1721,7 +1808,7 @@ code {
 
 .hero-panel {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 58%),
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 58%),
     var(--surface-elevated);
   padding: clamp(24px, 5vw, 42px);
 }
@@ -1849,7 +1936,7 @@ code {
 
 .notifications-hero {
   background:
-    linear-gradient(135deg, var(--notification-bg, color-mix(in srgb, var(--accent) 12%, transparent)), transparent 62%),
+    linear-gradient(135deg, var(--notification-bg, color-mix(in srgb, var(--accent) 10%, transparent)), transparent 62%),
     var(--surface-elevated);
 }
 
@@ -2228,7 +2315,7 @@ code {
 
 .pulse-hero {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 64%),
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 64%),
     var(--surface-elevated);
 }
 
@@ -3149,8 +3236,8 @@ button.managed-toggle:focus-visible {
 .recommended-app-card:hover,
 .recommended-app-card:focus-within {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 46%),
-    color-mix(in srgb, var(--accent) 7%, var(--surface-muted));
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 42%),
+    color-mix(in srgb, var(--accent) 5%, var(--surface-muted));
   border-color: var(--border-accent);
   box-shadow: 0 18px 46px color-mix(in srgb, var(--accent) 10%, transparent);
   transform: translateY(-1px);

package/setup.sh

@@ -12,7 +12,7 @@ shopt -s inherit_errexit 2>/dev/null || true
 # AI Assistant Server Access Framework Setup Script
 # Helps developers set up the framework for their infrastructure
 #
-# Version: 3.29.40
+# Version: 3.30.0
 #
 # Quick Install:
 #   npm install -g aidevops && aidevops update          (recommended)