@open-mercato/ui 0.6.7 → 0.6.8-canary.320.1.bf889f49e4

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 Generated lucide registry with 145 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
-[build:ui] found 393 entry points
+[build:ui] found 398 entry points
 [build:ui] built successfully

package/AGENTS.md

@@ -1,8 +1,8 @@
 # UI Package - Agent Guidelines
 
-UI usage patterns based on customers, sales, and staff modules. Use these defaults when building new UI in `packages/ui` or consuming from other modules.
+UI defaults for `packages/ui` and its consumers.
 
-> **DS reference:** [`.ai/ds-rules.md`](../../.ai/ds-rules.md) — color tokens, typography, spacing, decision trees. **Component reference (variants/sizes/props/examples/MUST rules):** [`.ai/ui-components.md`](../../.ai/ui-components.md). **Backend component families (charts, filters, detail sections, schedule, messages, page scaffolding):** [`.ai/ui-backend-components.md`](../../.ai/ui-backend-components.md) — check it before building any of these from scratch.
+> References: [DS rules](../../.ai/ds-rules.md), [component contracts](../../.ai/ui-components.md), and [backend component families](../../.ai/ui-backend-components.md).
 
 ## Always
 
@@ -14,6 +14,7 @@ UI usage patterns based on customers, sales, and staff modules. Use these defaul
 - Use i18n keys and `useT()` for user-facing copy.
 - Keep UMES spot IDs, replacement handles, field/group IDs, and portal page metadata stable.
 - Follow `.ai/ds-rules.md` and `.ai/ui-components.md` for tokens, primitives, and component contracts.
+- Keep documented primitive additions/renames and their `figma/*.figma.tsx` mappings in the same PR; run `yarn ds:code-connect:check`.
 
 ## Ask First
 
@@ -36,6 +37,7 @@ UI usage patterns based on customers, sales, and staff modules. Use these defaul
 ```bash
 yarn workspace @open-mercato/ui test
 yarn workspace @open-mercato/ui build
+yarn ds:code-connect:check
 yarn i18n:check
 ```
 

package/agentic/standalone-guide.md

@@ -189,7 +189,7 @@ import {
 | `usePortalAppEvent(pattern, handler, deps?)` | Listen for portal SSE events by glob pattern (e.g., `'sales.order.*'`) |
 | `usePortalEventBridge()` | Establish singleton SSE connection — mount once in shell/layout |
 | `usePortalInjectedMenuItems(surfaceId)` | Load feature-gated menu items for portal nav surfaces: `{ items, isLoading }` |
-| `usePortalNotifications()` | Poll portal notifications: `{ notifications, unreadCount, hasNew, isLoading, refresh, markAsRead, dismiss, markAllRead }` |
+| `usePortalNotifications()` | Load portal notifications with SSE-first refresh and an 8-second fallback until the portal event bridge reports healthy: `{ notifications, unreadCount, hasNew, isLoading, refresh, markAsRead, dismiss, markAllRead }` |
 | `usePortalDashboardWidgets(spotId)` | Load UI injection widgets (with `Widget` component) for a portal spot: `{ widgets, isLoading, error }` |
 
 ### Portal Components

package/build.mjs

@@ -3,6 +3,7 @@ import { readFileSync, writeFileSync } from 'node:fs'
 import { dirname, join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { buildPackage } from '../../scripts/build-package.mjs'
+import { buildLucideRegistrySource } from './scripts/lucideRegistrySource.cjs'
 
 const packageDir = dirname(fileURLToPath(import.meta.url))
 
@@ -88,61 +89,8 @@ async function generateLucideRegistry() {
     }
   }
 
-  resolved.sort((a, b) => a.kebab.localeCompare(b.kebab))
-  const uniqueExports = [...new Set(resolved.map((r) => r.exportName))].sort((a, b) => a.localeCompare(b))
-
-  const importSection = uniqueExports.length
-    ? `import {\n${uniqueExports.map((n) => `  ${n},`).join('\n')}\n} from 'lucide-react'\n`
-    : ``
-
-  const registryEntries = resolved.map((r) => `  '${r.kebab}': ${r.exportName},`).join('\n')
-
   const outPath = join(packageDir, 'src/backend/icons/lucideRegistry.generated.tsx')
-  const file = `/* eslint-disable */
-// AUTO-GENERATED by @open-mercato/ui build. Do not edit by hand.
-// Generated from discovered icon string usages across the repo.
-
-import type * as React from 'react'
-import type { LucideIcon } from 'lucide-react'
-${importSection}
-export const LUCIDE_ICON_REGISTRY: Record<string, LucideIcon> = {
-${registryEntries ? `${registryEntries}\n` : ''}}
-
-function normalizeKebabIconName(input: string): string {
-  const trimmed = input.trim()
-  if (!trimmed) return ''
-  const withoutPrefix = trimmed.startsWith('lucide:') ? trimmed.slice('lucide:'.length) : trimmed
-  if (!withoutPrefix) return ''
-  if (!withoutPrefix.includes('-') && !withoutPrefix.includes('_') && !withoutPrefix.includes(' ') && /[A-Z]/.test(withoutPrefix)) {
-    return withoutPrefix
-      .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-      .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
-      .toLowerCase()
-  }
-  return withoutPrefix
-    .replace(/[_\\s]+/g, '-')
-    .replace(/-+/g, '-')
-    .toLowerCase()
-}
-
-export function resolveRegisteredLucideIcon(name: string | undefined): LucideIcon | null {
-  if (!name) return null
-  const normalized = normalizeKebabIconName(name)
-  if (!normalized) return null
-  return (LUCIDE_ICON_REGISTRY as Record<string, LucideIcon | undefined>)[normalized] ?? null
-}
-
-export function resolveRegisteredLucideIconNode(
-  name: string | undefined,
-  className: string
-): React.ReactNode | null {
-  const Icon = resolveRegisteredLucideIcon(name)
-  if (!Icon) return null
-  return <Icon className={className} />
-}
-`
-
-  writeFileSync(outPath, file)
+  writeFileSync(outPath, buildLucideRegistrySource(resolved))
   console.log(`Generated lucide registry with ${resolved.length} icons -> ${outPath}`)
 }
 

package/dist/ai/AiChat.js

@@ -72,35 +72,68 @@ import { createLogger } from "@open-mercato/shared/lib/logger";
 const logger = createLogger("ui").child({ component: "AiChat" });
 const PREVIEW_DATA_URL_MAX_BYTES = 2 * 1024 * 1024;
 const COMPACT_FOOTER_MAX_WIDTH = 640;
+function readErrorStatus(error) {
+  if (typeof error !== "object" || error === null) return void 0;
+  const { status } = error;
+  return typeof status === "number" ? status : void 0;
+}
+function logModelsFailure(status, details) {
+  const message = "Failed to load AI agent models";
+  if (status === 401 || status === 403) {
+    logger.warn(message, details);
+    return;
+  }
+  logger.error(message, details);
+}
 function useAgentModels(agent) {
   const [providers, setProviders] = React.useState([]);
   const [allowRuntimeOverride, setAllowRuntimeOverride] = React.useState(false);
   const [defaultLabel, setDefaultLabel] = React.useState(null);
-  const [loaded, setLoaded] = React.useState(false);
+  const [status, setStatus] = React.useState("loading");
+  const [degraded, setDegraded] = React.useState(false);
   React.useEffect(() => {
+    let cancelled = false;
     const modelsUrl = `/api/ai_assistant/ai/agents/${encodeURIComponent(agent)}/models`;
-    setLoaded(false);
+    setStatus("loading");
     setDefaultLabel(null);
-    void apiCall(modelsUrl).then((result) => {
+    setDegraded(false);
+    apiCall(modelsUrl).then((result) => {
+      if (cancelled) return;
       if (!result.ok || !result.result) {
-        setLoaded(true);
+        logModelsFailure(result.status, { agent, status: result.status });
+        setStatus("failed");
         return;
       }
       const effectiveAllowRuntimeOverride = result.result.allowRuntimeOverride ?? result.result.allowRuntimeModelOverride ?? false;
       setAllowRuntimeOverride(effectiveAllowRuntimeOverride);
       setProviders(result.result.providers);
+      if (result.result.degraded === true) {
+        setDegraded(true);
+        logger.warn("AI agent models response is degraded", {
+          agent,
+          degradedReason: result.result.degradedReason ?? null
+        });
+      }
       setDefaultLabel(
         result.result.defaultProviderName && result.result.defaultModelName ? `${result.result.defaultProviderName} / ${result.result.defaultModelName}` : result.result.defaultProviderId && result.result.defaultModelId ? `${result.result.defaultProviderId} / ${result.result.defaultModelId}` : null
       );
-      setLoaded(true);
+      setStatus("ready");
+    }).catch((err) => {
+      if (cancelled) return;
+      logModelsFailure(readErrorStatus(err), { agent, err });
+      setStatus("failed");
     });
+    return () => {
+      cancelled = true;
+    };
   }, [agent]);
   return {
     providers,
     allowRuntimeOverride,
     allowRuntimeModelOverride: allowRuntimeOverride,
     defaultLabel,
-    loaded
+    status,
+    degraded
   };
 }
 function isModelPickerValueAvailable(value, providers) {
@@ -122,14 +155,33 @@ async function readFileAsDataUrl(file) {
     }
   });
 }
-function mapErrorCodeToVariant(code) {
-  if (!code) return "destructive";
+function mapErrorCodeToStatus(code) {
+  if (!code) return "error";
   const warningCodes = /* @__PURE__ */ new Set([
     "tool_not_whitelisted",
     "tool_features_denied",
-    "attachment_type_not_accepted"
+    "attachment_type_not_accepted",
+    // Content-safety rejections are soft: the user can rephrase and retry.
+    "moderation_blocked",
+    "moderation_unavailable"
   ]);
-  return warningCodes.has(code) ? "warning" : "destructive";
+  return warningCodes.has(code) ? "warning" : "error";
+}
+function resolveChatErrorMessage(code, fallback, translate) {
+  switch (code) {
+    case "moderation_blocked":
+      return translate(
+        "ai_assistant.errors.moderationBlocked",
+        "Your message was blocked by the content safety filter. Please rephrase and try again."
+      );
+    case "moderation_unavailable":
+      return translate(
+        "ai_assistant.errors.moderationUnavailable",
+        "The content safety check is temporarily unavailable. Please try again in a moment."
+      );
+    default:
+      return fallback;
+  }
 }
 const MARKDOWN_TYPOGRAPHY_CLASS = cn(
   "[&_p]:my-1 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0",
@@ -835,13 +887,14 @@ function AiChat({
     allowRuntimeOverride,
     allowRuntimeModelOverride,
     defaultLabel: modelDefaultLabel,
-    loaded: modelProvidersLoaded
+    status: modelProvidersStatus,
+    degraded: modelProvidersDegraded
   } = useAgentModels(agent);
   const [modelPickerValue, setModelPickerValue] = React.useState(
     () => readModelPickerValue(agent)
   );
   const effectiveModelPickerValue = React.useMemo(() => {
-    if (!modelProvidersLoaded || !allowRuntimeOverride || modelProviders.length === 0) {
+    if (modelProvidersStatus !== "ready" || !allowRuntimeOverride || modelProviders.length === 0) {
       return null;
     }
     if (modelPickerValue && isModelPickerValueAvailable(modelPickerValue, modelProviders)) {
@@ -852,13 +905,14 @@ function AiChat({
     allowRuntimeOverride,
     modelPickerValue,
     modelProviders,
-    modelProvidersLoaded
+    modelProvidersStatus
   ]);
   React.useEffect(() => {
     setModelPickerValue(readModelPickerValue(agent));
   }, [agent]);
   React.useEffect(() => {
-    if (!modelProvidersLoaded) return;
+    if (modelProvidersStatus !== "ready") return;
+    if (modelProvidersDegraded) return;
     if (!allowRuntimeModelOverride || modelProviders.length === 0) {
       if (modelPickerValue !== null) {
         setModelPickerValue(null);
@@ -875,7 +929,8 @@ function AiChat({
     allowRuntimeModelOverride,
     modelPickerValue,
     modelProviders,
-    modelProvidersLoaded
+    modelProvidersDegraded,
+    modelProvidersStatus
   ]);
   const handleModelPickerChange = React.useCallback(
     (value) => {
@@ -1092,7 +1147,7 @@ function AiChat({
     setTimeout(() => textareaRef.current?.focus(), 0);
   }, [chat, upload]);
   const resolvedPlaceholder = placeholder ?? t("ai_assistant.chat.composerPlaceholder", "Message the AI agent...");
-  const errorVariant = mapErrorCodeToVariant(chat.error?.code);
+  const errorStatus = mapErrorCodeToStatus(chat.error?.code);
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -1172,11 +1227,11 @@ function AiChat({
             ]
           }
         ),
-        chat.error ? /* @__PURE__ */ jsxs(Alert, { variant: errorVariant, "data-ai-chat-error": chat.error.code ?? "unknown", children: [
+        chat.error ? /* @__PURE__ */ jsxs(Alert, { status: errorStatus, "data-ai-chat-error": chat.error.code ?? "unknown", children: [
           /* @__PURE__ */ jsx(AlertTitle, { children: t("ai_assistant.chat.errorTitle", "Agent dispatch failed") }),
           /* @__PURE__ */ jsxs(AlertDescription, { children: [
             chat.error.code ? /* @__PURE__ */ jsx("span", { className: "mr-2 font-mono text-xs", children: chat.error.code }) : null,
-            chat.error.message
+            resolveChatErrorMessage(chat.error.code, chat.error.message, t)
           ] })
         ] }) : null,
         chat.isOwner === false ? /* @__PURE__ */ jsx(