@tangle-network/agent-app 0.45.47 → 0.45.48

package/dist/{chunk-BT4QFCTB.js → chunk-HSBJB46C.js}

@@ -11,6 +11,12 @@ var DESTINATIONS = [
   { id: "x", label: "X", providerIds: ["twitter"], fields: "Short copy, mentions, thread option" }
 ];
 var CADENCES = ["Manual approval", "Publish now", "Daily creative drop", "Weekly series"];
+var IMAGE_QUALITIES = ["low", "medium", "high", "auto"];
+var IMAGE_SIZE_HINT = "1024x1024, 1536x1024, 1024x1536, or auto";
+var IMAGE_SIZE_PATTERN = String.raw`(\d{3,4}x\d{3,4}|auto)`;
+var VIDEO_DURATIONS = ["4", "6", "8", "10", "12"];
+var VIDEO_RESOLUTIONS = ["720p", "1080p"];
+var VIDEO_ASPECT_RATIOS = ["16:9", "9:16", "1:1"];
 var MIN_IMAGE_COUNT = 1;
 var MAX_IMAGE_COUNT = 4;
 function relativeTime(date) {
@@ -266,6 +272,12 @@ export {
   isGenerationType,
   DESTINATIONS,
   CADENCES,
+  IMAGE_QUALITIES,
+  IMAGE_SIZE_HINT,
+  IMAGE_SIZE_PATTERN,
+  VIDEO_DURATIONS,
+  VIDEO_RESOLUTIONS,
+  VIDEO_ASPECT_RATIOS,
   MIN_IMAGE_COUNT,
   MAX_IMAGE_COUNT,
   relativeTime,
@@ -290,4 +302,4 @@ export {
   failedOptimisticGeneration,
   normalizeImageCount
 };
-//# sourceMappingURL=chunk-BT4QFCTB.js.map
+//# sourceMappingURL=chunk-HSBJB46C.js.map

package/dist/chunk-HSBJB46C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/studio/generation.ts"],"sourcesContent":["// Minimal structural view of a connected integration — `isDestinationConnected`\n// only reads the connection status and the provider/connector identifiers, so\n// the logic layer declares its own shape instead of depending on the\n// design-system package. A sandbox-ui `IntegrationConnection` is assignable to\n// this; `connectorId` is optional because the engine type leaves it undefined\n// for connections established without a named connector.\n/** Define the structure for a studio integration connection with status and provider identifiers */\nexport interface StudioIntegrationConnection {\n  status: string\n  providerId: string\n  connectorId?: string\n}\n\n/** Define generation categories for media including image, video, speech, avatar, and transcription */\nexport type GenerationType = 'image' | 'video' | 'speech' | 'avatar' | 'transcription'\n\n/** Define possible states representing the progress of a generation process */\nexport type GenerationStatus = 'pending' | 'running' | 'succeeded' | 'failed'\n\n/** Define possible status values for a media model's availability and accessibility */\nexport type MediaModelStatus = 'available' | 'limited' | 'unavailable'\n\n/** Define the structure for a generation entity including its metadata and creation details */\nexport interface Generation {\n  id: string\n  type: string\n  prompt: string\n  result: string | null\n  model: string | null\n  cost: number | null\n  createdAt: Date | null\n  metadata: Record<string, unknown> | null\n}\n\n/** Describe media model option properties including id, name, type, status, and optional provider and reason */\nexport interface MediaModelOption {\n  id: string\n  name: string\n  provider?: string\n  type: GenerationType\n  status: MediaModelStatus\n  reason?: string\n}\n\n/** Represent media model catalog with default values, model options, and optional error message */\nexport interface MediaModelCatalogResponse {\n  defaults: Record<GenerationType, string>\n  models: Record<GenerationType, MediaModelOption[]>\n  error?: string\n}\n\n/** Define the structure for configuring package publishing details and evaluation criteria */\nexport interface PublishPackage {\n  caption: string\n  description: string\n  mentions: string[]\n  destinations: string[]\n  cadence: string\n  workflowDraft: boolean\n  evalContract: {\n    artifactType: string\n    deterministicChecks: string[]\n  }\n}\n\n/** Define a destination for publishing content with identifiers, label, provider IDs, and fields */\nexport interface PublishDestination {\n  id: string\n  label: string\n  providerIds: string[]\n  fields: string\n}\n\n// Order drives the type filter tabs and the composer segmented control\n/** Provide an array of supported generation types for media and content processing */\nexport const GENERATION_TYPES: readonly GenerationType[] = ['image', 'video', 'avatar', 'speech', 'transcription']\n\n/** Resolve whether a string value matches a valid GenerationType */\nexport function isGenerationType(value: string): value is GenerationType {\n  return (GENERATION_TYPES as readonly string[]).includes(value)\n}\n\n/** List available social media platforms with their publishing fields and provider identifiers */\nexport const DESTINATIONS: PublishDestination[] = [\n  { id: 'instagram', label: 'Instagram', providerIds: ['instagram'], fields: 'Caption, hashtags, crop' },\n  { id: 'tiktok', label: 'TikTok', providerIds: ['tiktok'], fields: 'Caption, audio note, vertical video' },\n  { id: 'youtube-shorts', label: 'YouTube Shorts', providerIds: ['youtube'], fields: 'Title, description, vertical video' },\n  { id: 'linkedin', label: 'LinkedIn', providerIds: ['linkedin'], fields: 'Caption, link, creator/company page' },\n  { id: 'x', label: 'X', providerIds: ['twitter'], fields: 'Short copy, mentions, thread option' },\n]\n\n/** Provide an array of predefined cadence options for scheduling or approval processes */\nexport const CADENCES = ['Manual approval', 'Publish now', 'Daily creative drop', 'Weekly series']\n\n// Enumerated generation options — the values the tangle media models (OpenAI-shaped\n// image/video APIs) actually accept. Composers render these as selects so an\n// enumerated field can never carry free text the provider would reject.\n/** Provide the valid image quality values for generation requests */\nexport const IMAGE_QUALITIES = ['low', 'medium', 'high', 'auto'] as const\n/** Provide a placeholder hint listing the accepted image size values */\nexport const IMAGE_SIZE_HINT = '1024x1024, 1536x1024, 1024x1536, or auto'\n/** Provide a validation pattern for the free-form image size field (WxH or auto) */\nexport const IMAGE_SIZE_PATTERN = String.raw`(\\d{3,4}x\\d{3,4}|auto)`\n/** Provide the valid video duration values (seconds) for generation requests */\nexport const VIDEO_DURATIONS = ['4', '6', '8', '10', '12'] as const\n/** Provide the valid video resolution values for generation requests */\nexport const VIDEO_RESOLUTIONS = ['720p', '1080p'] as const\n/** Provide the valid video aspect ratio values for generation requests */\nexport const VIDEO_ASPECT_RATIOS = ['16:9', '9:16', '1:1'] as const\n\n/** Define the minimum number of images required for processing or validation */\nexport const MIN_IMAGE_COUNT = 1\n/** Define the maximum number of images allowed for upload or display */\nexport const MAX_IMAGE_COUNT = 4\n\n/** Resolve a human-readable relative time string from a given date or return an empty string if null */\nexport function relativeTime(date: Date | null): string {\n  if (!date) return ''\n  const now = Date.now()\n  const diff = now - new Date(date).getTime()\n  const minutes = Math.floor(diff / 60000)\n  if (minutes < 1) return 'just now'\n  if (minutes < 60) return `${minutes}m ago`\n  const hours = Math.floor(minutes / 60)\n  if (hours < 24) return `${hours}h ago`\n  const days = Math.floor(hours / 24)\n  if (days < 7) return `${days}d ago`\n  return new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n}\n\n/** Resolve the output directory path based on the specified generation type */\nexport function outputPathFor(type: GenerationType): string {\n  if (type === 'image') return 'generated/images'\n  if (type === 'video') return 'generated/videos'\n  if (type === 'avatar') return 'generated/avatars'\n  if (type === 'speech') return 'generated/audio'\n  return 'generated/transcripts'\n}\n\n/** Resolve the vault path string from a Generation object or return null if unavailable */\nexport function generationVaultPath(generation: Generation): string | null {\n  const value = generation.metadata?.vaultPath\n  return typeof value === 'string' && value.trim() ? value.trim() : null\n}\n\n/** Build a PublishPackage object from caption, description, mentions, cadence, and destinations inputs */\nexport function buildPublishPackage({\n  caption,\n  postDescription,\n  mentions,\n  cadence,\n  destinations,\n}: {\n  caption: string\n  postDescription: string\n  mentions: string\n  cadence: string\n  destinations: string[]\n}): PublishPackage | null {\n  const trimmedCaption = caption.trim()\n  const trimmedDescription = postDescription.trim()\n  const parsedMentions = mentions.split(',').map((item) => item.trim()).filter(Boolean)\n  const selectedDestinations = destinations.filter(Boolean)\n  const trimmedCadence = cadence.trim() || 'Manual approval'\n  const hasPublishContent = Boolean(\n    trimmedCaption\n    || trimmedDescription\n    || parsedMentions.length > 0\n    || selectedDestinations.length > 0\n    || trimmedCadence !== 'Manual approval',\n  )\n  if (!hasPublishContent) return null\n\n  return {\n    caption: trimmedCaption,\n    description: trimmedDescription,\n    mentions: parsedMentions,\n    destinations: selectedDestinations,\n    cadence: trimmedCadence,\n    workflowDraft: trimmedCadence !== 'Manual approval',\n    evalContract: {\n      artifactType: 'publish_package',\n      deterministicChecks: ['has_asset', 'has_destination', 'has_caption_or_description', 'has_cadence'],\n    },\n  }\n}\n\n/** Determine if a value conforms to the PublishPackage structure with optional metadata fields */\nexport function isPublishPackage(value: unknown): value is { caption?: string; description?: string; mentions?: string[]; destinations?: string[]; cadence?: string } {\n  if (!value || typeof value !== 'object') return false\n  const publishPackage = value as {\n    caption?: unknown\n    description?: unknown\n    mentions?: unknown\n    destinations?: unknown\n    cadence?: unknown\n  }\n  const destinations = Array.isArray(publishPackage.destinations) ? publishPackage.destinations.filter(Boolean) : []\n  const mentions = Array.isArray(publishPackage.mentions) ? publishPackage.mentions.filter(Boolean) : []\n  return Boolean(\n    destinations.length > 0\n    || mentions.length > 0\n    || (typeof publishPackage.caption === 'string' && publishPackage.caption.trim())\n    || (typeof publishPackage.description === 'string' && publishPackage.description.trim())\n    || (typeof publishPackage.cadence === 'string' && publishPackage.cadence.trim() && publishPackage.cadence.trim() !== 'Manual approval'),\n  )\n}\n\n/** Determine if a destination has any active connections in the given list of studio integration connections */\nexport function isDestinationConnected(\n  destination: PublishDestination,\n  connections: StudioIntegrationConnection[],\n): boolean {\n  return connections.some((connection) => connection.status === 'connected'\n    && (destination.providerIds.includes(connection.providerId)\n      || (connection.connectorId !== undefined && destination.providerIds.includes(connection.connectorId))))\n}\n\n/** Resolve selected models by applying defaults for missing or unavailable entries in the catalog */\nexport function selectedModelsWithDefaults(\n  current: Partial<Record<GenerationType, string>>,\n  catalog: MediaModelCatalogResponse,\n): Partial<Record<GenerationType, string>> {\n  const next = { ...current }\n  for (const key of GENERATION_TYPES) {\n    const models = catalog.models[key] ?? []\n    const currentOption = models.find((model) => model.id === next[key])\n    // Reset when: no selection, selection not in catalog, or selection is unavailable.\n    // This ensures the Generate button is never stuck disabled when routeable\n    // models exist but the stored default isn't one of them.\n    if (!next[key] || !currentOption || currentOption.status === 'unavailable') {\n      next[key] = preferredModelId(key, catalog) ?? ''\n    }\n  }\n  return next\n}\n\n/** Resolve the preferred model ID for a given generation type from the media model catalog */\nexport function preferredModelId(type: GenerationType, catalog: MediaModelCatalogResponse | null): string | undefined {\n  if (!catalog) return undefined\n  const models = catalog.models[type] ?? []\n  const preferred = catalog.defaults[type]\n  return models.find((model) => model.id === preferred)?.id\n    ?? models.find((model) => model.status !== 'unavailable')?.id\n    ?? models[0]?.id\n}\n\n/** Resolve the appropriate status message for a media model based on loading state and availability */\nexport function modelMessage(model: MediaModelOption | undefined, loading: boolean, count: number): string | null {\n  if (loading) return 'Loading media models...'\n  if (count === 0) return 'No models are available for this media type.'\n  if (!model) return 'Select a model.'\n  if (model.status === 'unavailable') return model.reason ?? 'This model is not configured.'\n  if (model.status === 'limited') return model.reason ? `Limited: ${model.reason}` : 'Limited availability.'\n  return null\n}\n\n/** Define fields required to configure and request various types of media generation */\nexport interface GenerationRequestFields {\n  workspaceId: string\n  clientRequestId: string\n  type: GenerationType\n  model: string\n  prompt: string\n  negativePrompt: string\n  outputPath: string\n  publishPackage: PublishPackage | null\n  image: { size: string; quality: string; count: number }\n  video: { duration: string; resolution: string; aspectRatio: string; referenceImageUrl: string }\n  speech: { voice: string }\n  avatar: { audioUrl: string; imageUrl: string; avatarId: string }\n  transcription: { audioUrl: string; language: string; responseFormat: string; temperature: string }\n}\n\n// image.count must already be normalized — it is also the optimistic-card count on the caller side\n/** Build the request body object for a generation operation from provided fields */\nexport function buildGenerationRequestBody(fields: GenerationRequestFields): Record<string, unknown> {\n  const body: Record<string, unknown> = {\n    workspaceId: fields.workspaceId,\n    clientRequestId: fields.clientRequestId,\n    type: fields.type,\n    model: fields.model,\n    prompt: fields.prompt.trim(),\n    negativePrompt: fields.negativePrompt.trim() || undefined,\n    outputPath: fields.outputPath.trim() || undefined,\n  }\n  if (fields.publishPackage) body.publishPackage = fields.publishPackage\n  if (fields.type === 'image') Object.assign(body, {\n    size: fields.image.size,\n    quality: fields.image.quality,\n    n: fields.image.count,\n  })\n  if (fields.type === 'video') {\n    const duration = Number(fields.video.duration)\n    Object.assign(body, {\n      // omit (let the API default) rather than serialize NaN → null on bad input\n      duration: Number.isFinite(duration) ? duration : undefined,\n      resolution: fields.video.resolution,\n      aspectRatio: fields.video.aspectRatio.trim() || undefined,\n      referenceImageUrl: fields.video.referenceImageUrl.trim() || undefined,\n    })\n  }\n  if (fields.type === 'speech') Object.assign(body, { voice: fields.speech.voice })\n  if (fields.type === 'avatar') Object.assign(body, {\n    audioUrl: fields.avatar.audioUrl.trim(),\n    imageUrl: fields.avatar.imageUrl.trim() || undefined,\n    avatarId: fields.avatar.avatarId.trim() || undefined,\n  })\n  if (fields.type === 'transcription') {\n    const temperature = Number(fields.transcription.temperature)\n    Object.assign(body, {\n      audioUrl: fields.transcription.audioUrl.trim(),\n      language: fields.transcription.language.trim() || undefined,\n      responseFormat: fields.transcription.responseFormat,\n      // omit (let the API default) rather than serialize NaN → null on bad input\n      temperature: Number.isFinite(temperature) ? temperature : undefined,\n    })\n  }\n  return body\n}\n\n/** Resolve the current status of a generation based on its metadata and result fields */\nexport function generationStatus(generation: Generation): GenerationStatus {\n  const metadata = generation.metadata ?? {}\n  const status = typeof metadata.generationStatus === 'string' ? metadata.generationStatus : ''\n  if (status === 'pending' || status === 'running' || status === 'failed' || status === 'succeeded') return status\n  return generation.result ? 'succeeded' : 'pending'\n}\n\n/** Resolve and return the first user-safe error message from generation metadata or null if none exist */\nexport function generationError(generation: Generation): string | null {\n  const metadata = generation.metadata ?? {}\n  if (typeof metadata.providerError === 'string' && metadata.providerError.trim()) {\n    return userSafeGenerationMessage(metadata.providerError)\n  }\n  if (typeof metadata.storageError === 'string' && metadata.storageError.trim()) {\n    return metadata.storageError\n  }\n  return null\n}\n\nfunction generationClientRequestId(generation: Generation): string | null {\n  const metadata = generation.metadata ?? {}\n  return typeof metadata.clientRequestId === 'string' && metadata.clientRequestId.trim()\n    ? metadata.clientRequestId\n    : null\n}\n\nfunction generationBatchSlotKey(generation: Generation): string | null {\n  const metadata = generation.metadata ?? {}\n  const batchId = typeof metadata.batchId === 'string' && metadata.batchId.trim() ? metadata.batchId : null\n  return batchId && typeof metadata.outputIndex === 'number'\n    ? `${batchId}:${metadata.outputIndex}`\n    : null\n}\n\n/** Resolve a unique merge key from a generation using batch slot or client request ID */\nexport function generationMergeKey(generation: Generation): string | null {\n  return generationBatchSlotKey(generation) ?? generationClientRequestId(generation)\n}\n\n/** Merge a new generation into the current list by replacing or prepending it based on matching keys */\nexport function mergeLiveGeneration(current: Generation[], generation: Generation): Generation[] {\n  const mergeKey = generationMergeKey(generation)\n  const existingIndex = current.findIndex((item) => (\n    item.id === generation.id\n    || (mergeKey && generationMergeKey(item) === mergeKey)\n  ))\n  if (existingIndex === -1) return [generation, ...current]\n\n  const next = [...current]\n  next[existingIndex] = generation\n  return next\n}\n\n// Overlay in-flight `live` generations on the loader's rows: each live row leads\n// (prefer the matching loader row by merge key / id so it carries the freshest\n// server state), then the remaining loader rows that no live row already\n// represents — deduped by BOTH id and merge key so a server row and its\n// optimistic twin never both appear. Returns `loader` unchanged when nothing is\n// live. Drives the canvas, library, and polling off one list.\n/** Merge two Generation arrays prioritizing live entries and matching by merge keys or IDs */\nexport function mergeLoaderAndLive(loader: Generation[], live: Generation[]): Generation[] {\n  if (live.length === 0) return loader\n  const leading = live.map((generation) => {\n    const mergeKey = generationMergeKey(generation)\n    return mergeKey\n      ? loader.find((gen) => generationMergeKey(gen) === mergeKey) ?? generation\n      : loader.find((gen) => gen.id === generation.id) ?? generation\n  })\n  const leadingIds = new Set(leading.map((gen) => gen.id))\n  const leadingMergeKeys = new Set(leading\n    .map((gen) => generationMergeKey(gen))\n    .filter((id): id is string => Boolean(id)))\n  return [\n    ...leading,\n    ...loader.filter((gen) => (\n      !leadingIds.has(gen.id)\n      && !leadingMergeKeys.has(generationMergeKey(gen) ?? '')\n    )),\n  ]\n}\n\n/** Determine if a generation ID indicates a local generation */\nexport function isLocalGeneration(generation: Generation): boolean {\n  return generation.id.startsWith('local-')\n}\n\nfunction generationOutputIndex(generation: Generation): number {\n  const value = generation.metadata?.outputIndex\n  return typeof value === 'number' ? value : 0\n}\n\n// The most-recent run: all generations sharing the leading item's clientRequestId\n// (a multi-image batch), ordered by output slot. Falls back to the single leading\n// item when no request id is present. Drives the result canvas.\n/** Resolve and return the latest batch of generations grouped and sorted by client request ID and output index */\nexport function latestBatchOf(generations: Generation[]): Generation[] {\n  const first = generations[0]\n  if (!first) return []\n  const key = generationClientRequestId(first)\n  const batch = key\n    ? generations.filter((generation) => generationClientRequestId(generation) === key)\n    : [first]\n  return [...batch].sort((a, b) => generationOutputIndex(a) - generationOutputIndex(b))\n}\n\n/** Resolve a user-safe generation message by filtering sensitive or error-related content */\nexport function userSafeGenerationMessage(message?: string): string {\n  if (!message) return 'Generation failed'\n  if (/Tangle API key is invalid or expired/i.test(message)) return message\n  if (/(api[_ -]?key|secret|token|credential|env|configured|configuration)/i.test(message)) {\n    return 'Generation failed'\n  }\n  return message\n}\n\n/** Generate content optimistically based on input parameters and optional model and output details */\nexport function optimisticGeneration({\n  type,\n  prompt,\n  model,\n  clientRequestId,\n  outputIndex,\n  outputCount,\n}: {\n  type: GenerationType\n  prompt: string\n  model?: string\n  clientRequestId: string\n  outputIndex?: number\n  outputCount?: number\n}): Generation {\n  const batchId = outputIndex == null ? undefined : clientRequestId\n  return {\n    id: outputIndex == null ? `local-${clientRequestId}` : `local-${clientRequestId}-${outputIndex}`,\n    type,\n    prompt,\n    result: null,\n    model: model ?? null,\n    cost: null,\n    createdAt: new Date(),\n    metadata: {\n      generationStatus: 'pending',\n      provider: type,\n      clientRequestId,\n      batchId,\n      outputIndex,\n      outputCount,\n    },\n  }\n}\n\n/** Mark a generation as failed with updated status and error information */\nexport function failedOptimisticGeneration(generation: Generation): Generation {\n  return {\n    ...generation,\n    metadata: {\n      ...(generation.metadata ?? {}),\n      generationStatus: 'failed',\n      providerError: 'Generation failed',\n    },\n  }\n}\n\n/** Normalize a value to a finite integer within the allowed image count range */\nexport function normalizeImageCount(value: unknown): number {\n  const numeric = typeof value === 'number' ? value : Number(value)\n  if (!Number.isFinite(numeric)) return MIN_IMAGE_COUNT\n  return Math.min(Math.max(Math.trunc(numeric), MIN_IMAGE_COUNT), MAX_IMAGE_COUNT)\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-54FYYXAX.js → chunk-J6OJTFNE.js}

@@ -215,7 +215,7 @@ function EvidenceLineageTable({ evidence, resolveSourceUrl, className }) {
     return /* @__PURE__ */ jsx("p", { className: `text-xs text-muted-foreground ${className ?? ""}`, children: "No evidence recorded." });
   }
   return /* @__PURE__ */ jsx("div", { className: `overflow-x-auto ${className ?? ""}`, children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-left text-sm", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-[11px] uppercase tracking-wide text-muted-foreground", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-[11px] uppercase tracking-[0.05em] text-muted-foreground", children: [
       /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-3 font-medium", children: "Target" }),
       /* @__PURE__ */ jsx("th", { className: "py-1.5 pr-3 font-medium", children: "Claim" }),
       /* @__PURE__ */ jsx("th", { className: "py-1.5 font-medium", children: "Source" })
@@ -225,7 +225,7 @@ function EvidenceLineageTable({ evidence, resolveSourceUrl, className }) {
       const locator = locatorLabel(entry);
       return /* @__PURE__ */ jsxs("tr", { className: "border-b border-border align-top", children: [
         /* @__PURE__ */ jsx("td", { className: "py-2 pr-3 font-mono text-xs text-foreground", children: entry.target }),
-        /* @__PURE__ */ jsxs("td", { className: "py-2 pr-3 text-[13px] leading-snug text-foreground", children: [
+        /* @__PURE__ */ jsxs("td", { className: "py-2 pr-3 text-sm leading-snug text-foreground", children: [
           entry.claim,
           entry.locator.quote && // The basis is what a reviewer weighs, so it has to be
           // visible per row, not only in the aggregate check detail.
@@ -241,7 +241,7 @@ function EvidenceLineageTable({ evidence, resolveSourceUrl, className }) {
                 "\u201C",
                 entry.locator.quote,
                 "\u201D",
-                entry.locator.quoteBasis && /* @__PURE__ */ jsx("span", { className: "ml-1.5 align-middle text-[10px] not-italic uppercase tracking-wide text-muted-foreground", children: entry.locator.quoteBasis === "span" ? "from source" : "verified" })
+                entry.locator.quoteBasis && /* @__PURE__ */ jsx("span", { className: "ml-1.5 align-middle text-[11px] not-italic uppercase tracking-[0.05em] text-muted-foreground", children: entry.locator.quoteBasis === "span" ? "from source" : "verified" })
               ]
             }
           )
@@ -273,9 +273,9 @@ function ExceptionList({ exceptions, className }) {
     return /* @__PURE__ */ jsx("p", { className: `text-xs text-muted-foreground ${className ?? ""}`, children: "No exceptions flagged." });
   }
   return /* @__PURE__ */ jsx("ul", { className: `space-y-1.5 ${className ?? ""}`, children: exceptions.map((entry) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2.5 rounded-lg border border-border bg-card px-3 py-2", children: [
-    /* @__PURE__ */ jsx("span", { className: `mt-0.5 inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${SEVERITY_TONES[entry.severity]}`, children: entry.severity }),
+    /* @__PURE__ */ jsx("span", { className: `mt-0.5 inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] ${SEVERITY_TONES[entry.severity]}`, children: entry.severity }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("p", { className: `text-[13px] leading-snug ${entry.resolved ? "text-muted-foreground line-through" : "text-foreground"}`, children: entry.message }),
+      /* @__PURE__ */ jsx("p", { className: `text-sm leading-snug ${entry.resolved ? "text-muted-foreground line-through" : "text-foreground"}`, children: entry.message }),
       /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap gap-x-2 text-[11px] text-muted-foreground", children: [
         /* @__PURE__ */ jsx("span", { className: "font-mono", children: entry.kind }),
         entry.targets && entry.targets.length > 0 && /* @__PURE__ */ jsx("span", { className: "font-mono", children: entry.targets.join(", ") }),
@@ -298,23 +298,26 @@ function QualityCheckList({ checks, className }) {
       /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("p", { className: "text-[13px] text-foreground", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground", children: [
         check.name,
-        /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: check.source })
+        /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[11px] uppercase tracking-[0.05em] text-muted-foreground", children: check.source })
       ] }),
       check.detail && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: check.detail })
     ] })
   ] }, check.id)) });
 }
+function truncateId(id, length) {
+  return id.length > length ? `${id.slice(0, length)}\u2026` : id;
+}
 function ProvenanceStamp({ provenance, backtest, className }) {
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[11px] text-muted-foreground ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs("span", { className: "font-mono", title: provenance.profileHash, children: [
       "profile ",
-      provenance.profileHash ? provenance.profileHash.slice(0, 10) : "\u2014"
+      provenance.profileHash ? truncateId(provenance.profileHash, 10) : "\u2014"
     ] }),
     /* @__PURE__ */ jsxs("span", { className: "font-mono", title: provenance.runId, children: [
       "run ",
-      provenance.runId ? provenance.runId.slice(0, 10) : "\u2014"
+      provenance.runId ? truncateId(provenance.runId, 10) : "\u2014"
     ] }),
     provenance.servingModels.length > 0 ? provenance.servingModels.map((model) => /* @__PURE__ */ jsx("span", { className: "rounded-full bg-secondary px-2 py-0.5 font-mono", children: model }, model)) : /* @__PURE__ */ jsx("span", { className: "italic", children: "serving model pending" }),
     typeof provenance.costUsd === "number" && /* @__PURE__ */ jsxs("span", { children: [
@@ -342,4 +345,4 @@ export {
   QualityCheckList,
   ProvenanceStamp
 };
-//# sourceMappingURL=chunk-54FYYXAX.js.map
+//# sourceMappingURL=chunk-J6OJTFNE.js.map

package/dist/chunk-J6OJTFNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web-react/work-product.tsx"],"sourcesContent":["/**\n * Work-product review surfaces — the sandbox-ui-FREE half of the vertical:\n *\n *  - {@link ReviewQueuePanel}: the practice/matters/campaign review queue over\n *    a `fetchQueue(cursor)` data port (the `AgentActivityPanel` shape).\n *  - {@link WorkProductCard}: the persisted `type:'work_product'` transcript\n *    anchor rendered inside `ChatMessages` — chat stays the driver surface.\n *  - {@link EvidenceLineageTable}: target → claim → source rows with\n *    click-through via an injected `resolveSourceUrl` (the\n *    `MessageAttachments.resolveFileUrl` pattern).\n *  - {@link ExceptionList} / {@link QualityCheckList}: severity-badged\n *    exception rows and pass/fail check rows.\n *  - {@link ProvenanceStamp}: profileHash prefix + runId + serving-model\n *    chips + the optional backtest slot (\"182 cases · composite 0.81 ·\n *    trust PASS\" — or \"quality: unverified\" when the trust gate failed).\n *\n * Anything hosting sandbox-ui (DiffView, CodeView, PillTabs) lives in\n * `./work-product-react` instead — this module must stay importable without\n * the optional sandbox-ui peer.\n */\n\nimport { useCallback, useEffect, useState } from 'react'\n\nimport {\n  parseReviewQueueItem,\n  type ReviewQueueItem,\n  type ReviewQueueState,\n} from '../work-product/queue'\nimport type {\n  EvidenceEntry,\n  ExceptionEntry,\n  ProfileBacktestSummary,\n  QualityCheck,\n  WorkProductPersistedPart,\n  WorkProductProvenance,\n  WorkProductStatus,\n} from '../work-product/types'\nimport { persistedPartToWorkProduct } from '../work-product/types'\n\nexport { parseReviewQueueItem }\nexport type { ReviewQueueItem, ReviewQueueState }\n\n// ── shared presentation vocabulary ────────────────────────────────────────\n\nconst STATE_LABELS: Record<ReviewQueueState, string> = {\n  intake: 'Intake',\n  missing_info: 'Missing info',\n  working: 'Working',\n  ready_for_review: 'Ready for review',\n  changes_requested: 'Changes requested',\n  approved: 'Approved',\n  blocked: 'Blocked',\n}\n\nconst STATE_TONES: Record<ReviewQueueState, string> = {\n  intake: 'bg-secondary text-muted-foreground',\n  missing_info: 'bg-warning/10 text-warning',\n  working: 'bg-primary/10 text-primary',\n  ready_for_review: 'bg-success/10 text-success',\n  changes_requested: 'bg-warning/10 text-warning',\n  approved: 'bg-success/10 text-success',\n  blocked: 'bg-destructive/10 text-destructive',\n}\n\nconst STATUS_LABELS: Record<WorkProductStatus, string> = {\n  draft: 'Draft',\n  blocked: 'Blocked',\n  ready: 'Ready for review',\n  changes_requested: 'Changes requested',\n  approved: 'Approved',\n  superseded: 'Superseded',\n}\n\nconst STATUS_TONES: Record<WorkProductStatus, string> = {\n  draft: 'bg-primary/10 text-primary',\n  blocked: 'bg-destructive/10 text-destructive',\n  ready: 'bg-success/10 text-success',\n  changes_requested: 'bg-warning/10 text-warning',\n  approved: 'bg-success/10 text-success',\n  superseded: 'bg-secondary text-muted-foreground',\n}\n\n/** Human label for a queue state. */\nexport function reviewQueueStateLabel(state: ReviewQueueState): string {\n  return STATE_LABELS[state]\n}\n\n/** Human label for a work-product status. */\nexport function workProductStatusLabel(status: WorkProductStatus): string {\n  return STATUS_LABELS[status]\n}\n\nfunction StatePill({ state }: { state: ReviewQueueState }) {\n  return (\n    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${STATE_TONES[state]}`}>\n      {STATE_LABELS[state]}\n    </span>\n  )\n}\n\nfunction StatusPill({ status }: { status: WorkProductStatus }) {\n  return (\n    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${STATUS_TONES[status]}`}>\n      {STATUS_LABELS[status]}\n    </span>\n  )\n}\n\n// ── transcript anchor helpers + card ──────────────────────────────────────\n\n/** Every persisted work-product anchor on one message, re-validated. */\nexport function workProductPartsFromMessageParts(\n  parts: ReadonlyArray<Record<string, unknown>> | null | undefined,\n): WorkProductPersistedPart[] {\n  if (!parts) return []\n  const out: WorkProductPersistedPart[] = []\n  for (const part of parts) {\n    const typed = persistedPartToWorkProduct(part)\n    if (typed) out.push(typed)\n  }\n  return out\n}\n\n/** Properties for the transcript anchor card rendered in chat */\nexport interface WorkProductCardProps {\n  part: WorkProductPersistedPart\n  /** Open the work product (queue detail / pane) — the card's only action. */\n  onOpen?: (part: WorkProductPersistedPart) => void\n  className?: string\n}\n\n/** The chat transcript anchor card for one work-product version — a compact,\n *  system-authored pointer, not a parallel review surface. */\nexport function WorkProductCard({ part, onOpen, className }: WorkProductCardProps) {\n  return (\n    <div\n      className={`flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 ${className ?? ''}`}\n      data-work-product-id={part.ref.id}\n    >\n      <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n        <svg viewBox=\"0 0 24 24\" className=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n          <polyline points=\"14 2 14 8 20 8\" />\n          <path d=\"m9 15 2 2 4-4\" />\n        </svg>\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-sm font-semibold text-foreground\">{part.title}</p>\n        <p className=\"text-[11px] text-muted-foreground\">\n          {part.kind && <span className=\"font-mono\">{part.kind}</span>}\n          {part.kind && ' · '}v{part.ref.version}\n        </p>\n      </div>\n      <StatusPill status={part.status} />\n      {onOpen && (\n        <button\n          type=\"button\"\n          onClick={() => onOpen(part)}\n          className=\"rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground transition hover:bg-accent\"\n        >\n          Review\n        </button>\n      )}\n    </div>\n  )\n}\n\n// ── review queue panel ────────────────────────────────────────────────────\n\n/** One fetched page of queue items with an optional continuation cursor */\nexport interface ReviewQueuePage {\n  items: ReviewQueueItem[]\n  /** Opaque continuation token; absent ⇒ no further pages. */\n  nextCursor?: string\n}\n\n/** Properties for the review queue panel over a fetch data port */\nexport interface ReviewQueuePanelProps {\n  /** Data port — fetch one page of queue items (the projection's output,\n   *  re-validated here at the JSON boundary). */\n  fetchQueue: (cursor?: string) => Promise<ReviewQueuePage>\n  /** Open one queue item (navigate to its thread / detail pane). */\n  onSelect?: (item: ReviewQueueItem) => void\n  title?: string\n  emptyLabel?: string\n  className?: string\n}\n\n/** Merge a fetched page into held rows: dedupe by scopeKey, incoming wins,\n *  newest updatedAt first. Exported for tests. */\nexport function mergeReviewQueuePages(existing: ReviewQueueItem[], incoming: ReviewQueueItem[]): ReviewQueueItem[] {\n  const byScope = new Map<string, ReviewQueueItem>()\n  for (const item of existing) byScope.set(item.scopeKey, item)\n  for (const item of incoming) byScope.set(item.scopeKey, item)\n  return [...byScope.values()].sort((a, b) => b.updatedAt - a.updatedAt)\n}\n\n/** The workspace review queue — cursor-paged, refreshable, selection via\n *  callback. States, counts, and provenance render from the projection; the\n *  panel holds no domain logic. */\nexport function ReviewQueuePanel({\n  fetchQueue,\n  onSelect,\n  title = 'Review queue',\n  emptyLabel = 'Nothing awaiting review.',\n  className,\n}: ReviewQueuePanelProps) {\n  const [items, setItems] = useState<ReviewQueueItem[]>([])\n  const [cursor, setCursor] = useState<string | undefined>(undefined)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  const load = useCallback(\n    async (from?: string) => {\n      setLoading(true)\n      setError(null)\n      try {\n        const page = await fetchQueue(from)\n        const validated = page.items\n          .map((item) => parseReviewQueueItem(item))\n          .filter((item): item is ReviewQueueItem => item !== null)\n        setItems((prev) => mergeReviewQueuePages(from === undefined ? [] : prev, validated))\n        setCursor(page.nextCursor)\n      } catch (e) {\n        setError(e instanceof Error ? e.message : String(e))\n      } finally {\n        setLoading(false)\n      }\n    },\n    [fetchQueue],\n  )\n\n  useEffect(() => {\n    void load()\n  }, [load])\n\n  return (\n    <div className={`space-y-2 ${className ?? ''}`}>\n      <div className=\"flex items-center gap-2\">\n        <h2 className=\"flex-1 text-sm font-semibold\">{title}</h2>\n        <button\n          type=\"button\"\n          onClick={() => void load()}\n          disabled={loading}\n          aria-label=\"Refresh\"\n          className=\"rounded-md p-1.5 text-muted-foreground transition hover:bg-accent hover:text-foreground disabled:opacity-50\"\n        >\n          <svg viewBox=\"0 0 24 24\" className={`h-3.5 w-3.5 ${loading ? 'animate-spin' : ''}`} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n            <path d=\"M21 12a9 9 0 1 1-2.64-6.36\" />\n            <polyline points=\"21 3 21 9 15 9\" />\n          </svg>\n        </button>\n      </div>\n      {error && <p className=\"rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive\">{error}</p>}\n      {!error && items.length === 0 && !loading && (\n        <p className=\"rounded-md border border-dashed border-border px-3 py-4 text-center text-xs text-muted-foreground\">{emptyLabel}</p>\n      )}\n      {/* The queue renders neither rows nor the empty copy while `loading`, so\n          the announcement is the only thing a screen reader has during the wait.\n          Kept mounted with changing text: an inserted live region that already\n          carries its message is not reliably announced. */}\n      <span role=\"status\" aria-live=\"polite\" aria-busy={loading} className=\"sr-only\">\n        {loading ? 'Loading review queue…' : ''}\n      </span>\n      <ul className=\"space-y-1.5\" aria-busy={loading}>\n        {items.map((item) => (\n          <li key={item.scopeKey}>\n            <button\n              type=\"button\"\n              onClick={() => onSelect?.(item)}\n              className=\"flex w-full items-center gap-3 rounded-lg border border-border bg-card px-3 py-2.5 text-left transition hover:border-primary/40 hover:bg-accent\"\n            >\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate text-sm font-medium text-foreground\">\n                  {item.workProduct?.title ?? item.scopeKey}\n                  {item.workProduct && <span className=\"ml-1.5 text-[11px] text-muted-foreground\">v{item.workProduct.version}</span>}\n                </p>\n                <p className=\"mt-0.5 flex flex-wrap items-center gap-x-2 text-[11px] text-muted-foreground\">\n                  {item.workProduct?.kind && <span className=\"font-mono\">{item.workProduct.kind}</span>}\n                  {item.pendingAsk && <span>asks: {item.pendingAsk.title}</span>}\n                  {item.blockingExceptions > 0 && (\n                    <span className=\"text-destructive\">{item.blockingExceptions} blocking</span>\n                  )}\n                  {item.failedChecks > 0 && <span className=\"text-warning\">{item.failedChecks} failed checks</span>}\n                  {item.provenance && item.provenance.profileHash && (\n                    <span className=\"font-mono\">{item.provenance.profileHash.slice(0, 8)}</span>\n                  )}\n                </p>\n              </div>\n              <StatePill state={item.state} />\n            </button>\n          </li>\n        ))}\n      </ul>\n      {cursor && (\n        <button\n          type=\"button\"\n          onClick={() => void load(cursor)}\n          disabled={loading}\n          className=\"w-full rounded-md border border-border px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-accent disabled:opacity-50\"\n        >\n          Load more\n        </button>\n      )}\n    </div>\n  )\n}\n\n// ── evidence lineage table ────────────────────────────────────────────────\n\n/** Properties for the evidence lineage table with source click-through */\nexport interface EvidenceLineageTableProps {\n  evidence: readonly EvidenceEntry[]\n  /** Resolve one entry's source document to an openable URL (signed\n   *  object-store/vault download) — the `resolveFileUrl` pattern. Absent →\n   *  sources render as plain refs without links. */\n  resolveSourceUrl?: (entry: EvidenceEntry) => string\n  className?: string\n}\n\nfunction locatorLabel(entry: EvidenceEntry): string | null {\n  const parts: string[] = []\n  if (entry.locator.page !== undefined) parts.push(`p.${entry.locator.page}`)\n  if (entry.locator.range) parts.push(entry.locator.range)\n  return parts.length ? parts.join(' · ') : null\n}\n\n/** Target → claim → source lineage rows: the \"every material value traceable\n *  to source evidence\" surface. Each row names the artifact target, the\n *  claim, and the source document location supporting it. */\nexport function EvidenceLineageTable({ evidence, resolveSourceUrl, className }: EvidenceLineageTableProps) {\n  if (evidence.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No evidence recorded.</p>\n  }\n  return (\n    <div className={`overflow-x-auto ${className ?? ''}`}>\n      <table className=\"w-full border-collapse text-left text-sm\">\n        <thead>\n          <tr className=\"border-b border-border text-[11px] uppercase tracking-[0.05em] text-muted-foreground\">\n            <th className=\"py-1.5 pr-3 font-medium\">Target</th>\n            <th className=\"py-1.5 pr-3 font-medium\">Claim</th>\n            <th className=\"py-1.5 font-medium\">Source</th>\n          </tr>\n        </thead>\n        <tbody>\n          {evidence.map((entry) => {\n            const url = resolveSourceUrl?.(entry)\n            const locator = locatorLabel(entry)\n            return (\n              <tr key={entry.id} className=\"border-b border-border align-top\">\n                <td className=\"py-2 pr-3 font-mono text-xs text-foreground\">{entry.target}</td>\n                <td className=\"py-2 pr-3 text-sm leading-snug text-foreground\">\n                  {entry.claim}\n                  {entry.locator.quote && (\n                    // The basis is what a reviewer weighs, so it has to be\n                    // visible per row, not only in the aggregate check detail.\n                    // A platform-sliced quote came out of the document's own\n                    // bytes; a model-typed one was proved to occur but was\n                    // transcribed. Same text, different strength of evidence.\n                    <span\n                      className={`mt-0.5 block border-l-2 pl-2 text-xs italic ${\n                        entry.locator.quoteBasis === 'span'\n                          ? 'border-primary/60 text-foreground'\n                          : 'border-border text-muted-foreground'\n                      }`}\n                      title={\n                        entry.locator.quoteBasis === 'span'\n                          ? 'Sliced from the source document by the platform'\n                          : entry.locator.quoteBasis === 'model'\n                            ? 'Quoted by the agent, verified to occur in the source'\n                            : 'Unverified quote'\n                      }\n                    >\n                      “{entry.locator.quote}”\n                      {entry.locator.quoteBasis && (\n                        <span className=\"ml-1.5 align-middle text-[11px] not-italic uppercase tracking-[0.05em] text-muted-foreground\">\n                          {entry.locator.quoteBasis === 'span' ? 'from source' : 'verified'}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </td>\n                <td className=\"py-2 text-xs\">\n                  {url ? (\n                    <a\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                      className=\"font-mono text-primary underline-offset-2 hover:underline\"\n                    >\n                      {entry.sourceRef}\n                    </a>\n                  ) : (\n                    <span className=\"font-mono text-muted-foreground\">{entry.sourceRef}</span>\n                  )}\n                  {locator && <span className=\"ml-1.5 text-muted-foreground\">{locator}</span>}\n                </td>\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n// ── exceptions + checks ───────────────────────────────────────────────────\n\nconst SEVERITY_TONES: Record<ExceptionEntry['severity'], string> = {\n  blocking: 'bg-destructive/10 text-destructive',\n  material: 'bg-warning/10 text-warning',\n  advisory: 'bg-secondary text-muted-foreground',\n}\n\n/** Properties for the severity-badged exception list */\nexport interface ExceptionListProps {\n  exceptions: readonly ExceptionEntry[]\n  className?: string\n}\n\n/** Severity-badged exception rows with resolution state. */\nexport function ExceptionList({ exceptions, className }: ExceptionListProps) {\n  if (exceptions.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No exceptions flagged.</p>\n  }\n  return (\n    <ul className={`space-y-1.5 ${className ?? ''}`}>\n      {exceptions.map((entry) => (\n        <li key={entry.id} className=\"flex items-start gap-2.5 rounded-lg border border-border bg-card px-3 py-2\">\n          <span className={`mt-0.5 inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] ${SEVERITY_TONES[entry.severity]}`}>\n            {entry.severity}\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className={`text-sm leading-snug ${entry.resolved ? 'text-muted-foreground line-through' : 'text-foreground'}`}>\n              {entry.message}\n            </p>\n            <p className=\"mt-0.5 flex flex-wrap gap-x-2 text-[11px] text-muted-foreground\">\n              <span className=\"font-mono\">{entry.kind}</span>\n              {entry.targets && entry.targets.length > 0 && <span className=\"font-mono\">{entry.targets.join(', ')}</span>}\n              {entry.resolved && <span>resolved{entry.resolvedBy ? ` by ${entry.resolvedBy}` : ''}</span>}\n              {entry.resolutionNote && <span>{entry.resolutionNote}</span>}\n            </p>\n          </div>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n/** Properties for the pass/fail quality check list */\nexport interface QualityCheckListProps {\n  checks: readonly QualityCheck[]\n  className?: string\n}\n\n/** Pass/fail quality-check rows tagged with their source (agent self-report,\n *  platform gate, judge ensemble). */\nexport function QualityCheckList({ checks, className }: QualityCheckListProps) {\n  if (checks.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No checks recorded.</p>\n  }\n  return (\n    <ul className={`space-y-1 ${className ?? ''}`}>\n      {checks.map((check) => (\n        <li key={check.id} className=\"flex items-start gap-2 rounded-md px-1 py-1\">\n          {check.passed ? (\n            <svg viewBox=\"0 0 24 24\" className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-success\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n          ) : (\n            <svg viewBox=\"0 0 24 24\" className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-destructive\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n            </svg>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-sm text-foreground\">\n              {check.name}\n              <span className=\"ml-1.5 text-[11px] uppercase tracking-[0.05em] text-muted-foreground\">{check.source}</span>\n            </p>\n            {check.detail && <p className=\"text-[11px] leading-snug text-muted-foreground\">{check.detail}</p>}\n          </div>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n// ── provenance stamp ──────────────────────────────────────────────────────\n\n/** Properties for the provenance stamp with the optional backtest slot */\nexport interface ProvenanceStampProps {\n  provenance: Pick<WorkProductProvenance, 'profileHash' | 'runId' | 'servingModels'> &\n    Partial<Pick<WorkProductProvenance, 'costUsd' | 'producedAt'>>\n  /** The product-resolved backtest summary for this profile hash. When its\n   *  trust gate failed, the composite renders as \"quality: unverified\" —\n   *  never a naked number. */\n  backtest?: ProfileBacktestSummary\n  className?: string\n}\n\n/** Truncated id with an ellipsis marker, so a sliced hash never passes as complete. */\nfunction truncateId(id: string, length: number): string {\n  return id.length > length ? `${id.slice(0, length)}…` : id\n}\n\n/** The audit line a reviewer approves against: which configuration produced\n *  this document, what served it, and how that configuration measured on its\n *  backtest. */\nexport function ProvenanceStamp({ provenance, backtest, className }: ProvenanceStampProps) {\n  return (\n    <div className={`flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[11px] text-muted-foreground ${className ?? ''}`}>\n      <span className=\"font-mono\" title={provenance.profileHash}>\n        profile {provenance.profileHash ? truncateId(provenance.profileHash, 10) : '—'}\n      </span>\n      <span className=\"font-mono\" title={provenance.runId}>\n        run {provenance.runId ? truncateId(provenance.runId, 10) : '—'}\n      </span>\n      {provenance.servingModels.length > 0 ? (\n        provenance.servingModels.map((model) => (\n          <span key={model} className=\"rounded-full bg-secondary px-2 py-0.5 font-mono\">\n            {model}\n          </span>\n        ))\n      ) : (\n        <span className=\"italic\">serving model pending</span>\n      )}\n      {typeof provenance.costUsd === 'number' && <span>${provenance.costUsd.toFixed(provenance.costUsd < 0.01 ? 4 : 2)}</span>}\n      {backtest &&\n        (backtest.trust === 'pass' ? (\n          <span className=\"text-success\">\n            {backtest.cases} backtest cases · composite {backtest.composite.toFixed(2)} · trust PASS\n          </span>\n        ) : (\n          <span className=\"text-warning\" title={backtest.trustReasons.join('; ')}>\n            quality: unverified\n          </span>\n        ))}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MLG6XKPV.js

@@ -0,0 +1,44 @@
+// src/web-react/provider-logo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var LOGOS = {
+  anthropic: { viewBox: "0 0 24 24", fill: "#D97757", paths: ["M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"] },
+  google: { viewBox: "0 0 24 24", fill: "#8E75B2", paths: ["M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"] },
+  deepseek: { viewBox: "0 0 24 24", fill: "#4D6BFE", paths: ["M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"] },
+  mistral: { viewBox: "0 0 24 24", fill: "#FA520F", paths: ["M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"] },
+  xai: { viewBox: "0 0 24 24", fill: "#000000", paths: ["M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"] },
+  nvidia: { viewBox: "0 0 24 24", fill: "#76B900", paths: ["M8.948 8.798v-1.43a6.7 6.7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851c-.398 0-.787-.062-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6.016 6.016 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964c-.37 0-.733-.035-1.095-.097v1.325c.3.035.61.062.91.062 3.957 0 6.82-2.023 9.593-4.408.459.371 2.34 1.263 2.73 1.652-2.633 2.208-8.772 3.984-12.253 3.984-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936z"] },
+  meta: { viewBox: "0 0 24 24", fill: "#0467DF", paths: ["M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"] },
+  moonshotai: { viewBox: "0 0 24 24", fill: "#16191E", paths: ["m1.053 16.91 9.538 2.55a21 20.981 0 0 0 .06 2.031l5.956 1.592a12 11.99 0 0 1-15.554-6.172m-1.02-5.79 11.352 3.035a21 20.981 0 0 0-.469 2.01l10.817 2.89a12 11.99 0 0 1-1.845 2.004L.658 15.918a12 11.99 0 0 1-.625-4.796m1.593-5.146L13.573 9.17a21 20.981 0 0 0-1.01 1.874l11.297 3.02a21 20.981 0 0 1-.67 2.362l-11.55-3.087L.125 10.26a12 11.99 0 0 1 1.499-4.285ZM6.067 1.58l11.285 3.016a21 20.981 0 0 0-1.688 1.719l7.824 2.091a21 20.981 0 0 1 .513 2.664L2.107 5.218a12 11.99 0 0 1 3.96-3.638M21.68 4.866 7.222 1.003A12 11.99 0 0 1 21.68 4.866"] },
+  openai: { viewBox: "0 0 256 260", fill: "#10A37F", paths: ["M239.184 106.203a64.72 64.72 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.72 64.72 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.67 64.67 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.77 64.77 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483m-97.56 136.338a48.4 48.4 0 0 1-31.105-11.255l1.535-.87l51.67-29.825a8.6 8.6 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601M37.158 197.93a48.35 48.35 0 0 1-5.781-32.589l1.534.921l51.722 29.826a8.34 8.34 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803M23.549 85.38a48.5 48.5 0 0 1 25.58-21.333v61.39a8.29 8.29 0 0 0 4.195 7.316l62.874 36.272l-21.845 12.636a.82.82 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405zm179.466 41.695l-63.08-36.63L161.73 77.86a.82.82 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.54 8.54 0 0 0-4.4-7.213m21.742-32.69l-1.535-.922l-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.72.72 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391zM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87l-51.67 29.825a8.6 8.6 0 0 0-4.246 7.367zm11.868-25.58L128.067 97.3l28.188 16.218v32.434l-28.086 16.218l-28.188-16.218z"] }
+};
+var ALIASES = {
+  moonshot: "moonshotai",
+  deepseek_ai: "deepseek",
+  "x-ai": "xai",
+  "meta-llama": "meta"
+};
+var MONOGRAM = {
+  cohere: { bg: "#fae8ff", fg: "#c026d3" },
+  groq: { bg: "#fce7f3", fg: "#db2777" },
+  cerebras: { bg: "#ccfbf1", fg: "#0d9488" },
+  zai: { bg: "#ede9fe", fg: "#7c3aed" },
+  "z-ai": { bg: "#ede9fe", fg: "#7c3aed" },
+  tuner: { bg: "#dbeafe", fg: "#2563eb" }
+};
+function ProviderLogo({ provider, size = 16 }) {
+  const key = ALIASES[provider ?? ""] ?? provider ?? "";
+  const logo = LOGOS[key];
+  if (logo) {
+    return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: logo.viewBox, role: "img", "aria-label": key, children: logo.paths.map((d, i) => /* @__PURE__ */ jsx("path", { d, fill: logo.fill }, i)) });
+  }
+  const mono = MONOGRAM[key];
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 16 16", role: "img", "aria-label": key || "model", children: [
+    /* @__PURE__ */ jsx("rect", { width: "16", height: "16", rx: "4", style: { fill: mono ? mono.bg : "hsl(var(--secondary))" } }),
+    /* @__PURE__ */ jsx("text", { x: "8", y: "11.6", textAnchor: "middle", style: { fill: mono ? mono.fg : "hsl(var(--muted-foreground))" }, fontSize: "9", fontWeight: "700", fontFamily: "system-ui, sans-serif", children: (key || "?").charAt(0).toUpperCase() })
+  ] });
+}
+
+export {
+  ProviderLogo
+};
+//# sourceMappingURL=chunk-MLG6XKPV.js.map

package/dist/chunk-MLG6XKPV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web-react/provider-logo.tsx"],"sourcesContent":["/**\n * Provider brand marks — real logo path data (simple-icons / SVG Logos, both\n * CC0) inlined so the picker shows actual provider identity instead of\n * colored-initial monograms. Providers without a usable mark fall back to a\n * tinted monogram chip. Aliases (z-ai/zai, moonshot/moonshotai, deepseek_ai)\n * normalize to one entry.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface LogoDef {\n  viewBox: string\n  fill: string\n  paths: string[]\n}\n\nconst LOGOS: Record<string, LogoDef> = {\n  anthropic: { viewBox: '0 0 24 24', fill: '#D97757', paths: [\"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z\"] },\n  google: { viewBox: '0 0 24 24', fill: '#8E75B2', paths: [\"M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81\"] },\n  deepseek: { viewBox: '0 0 24 24', fill: '#4D6BFE', paths: [\"M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45\"] },\n  mistral: { viewBox: '0 0 24 24', fill: '#FA520F', paths: [\"M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z\"] },\n  xai: { viewBox: '0 0 24 24', fill: '#000000', paths: [\"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"] },\n  nvidia: { viewBox: '0 0 24 24', fill: '#76B900', paths: [\"M8.948 8.798v-1.43a6.7 6.7 0 0 1 .424-.018c3.922-.124 6.493 3.374 6.493 3.374s-2.774 3.851-5.75 3.851c-.398 0-.787-.062-1.158-.185v-4.346c1.528.185 1.837.857 2.747 2.385l2.04-1.714s-1.492-1.952-4-1.952a6.016 6.016 0 0 0-.796.035m0-4.735v2.138l.424-.027c5.45-.185 9.01 4.47 9.01 4.47s-4.08 4.964-8.33 4.964c-.37 0-.733-.035-1.095-.097v1.325c.3.035.61.062.91.062 3.957 0 6.82-2.023 9.593-4.408.459.371 2.34 1.263 2.73 1.652-2.633 2.208-8.772 3.984-12.253 3.984-.335 0-.653-.018-.971-.053v1.864H24V4.063zm0 10.326v1.131c-3.657-.654-4.673-4.46-4.673-4.46s1.758-1.944 4.673-2.262v1.237H8.94c-1.528-.186-2.73 1.245-2.73 1.245s.68 2.412 2.739 3.11M2.456 10.9s2.164-3.197 6.5-3.533V6.201C4.153 6.59 0 10.653 0 10.653s2.35 6.802 8.948 7.42v-1.237c-4.84-.6-6.492-5.936-6.492-5.936z\"] },\n  meta: { viewBox: '0 0 24 24', fill: '#0467DF', paths: [\"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z\"] },\n  moonshotai: { viewBox: '0 0 24 24', fill: '#16191E', paths: [\"m1.053 16.91 9.538 2.55a21 20.981 0 0 0 .06 2.031l5.956 1.592a12 11.99 0 0 1-15.554-6.172m-1.02-5.79 11.352 3.035a21 20.981 0 0 0-.469 2.01l10.817 2.89a12 11.99 0 0 1-1.845 2.004L.658 15.918a12 11.99 0 0 1-.625-4.796m1.593-5.146L13.573 9.17a21 20.981 0 0 0-1.01 1.874l11.297 3.02a21 20.981 0 0 1-.67 2.362l-11.55-3.087L.125 10.26a12 11.99 0 0 1 1.499-4.285ZM6.067 1.58l11.285 3.016a21 20.981 0 0 0-1.688 1.719l7.824 2.091a21 20.981 0 0 1 .513 2.664L2.107 5.218a12 11.99 0 0 1 3.96-3.638M21.68 4.866 7.222 1.003A12 11.99 0 0 1 21.68 4.866\"] },\n  openai: { viewBox: '0 0 256 260', fill: '#10A37F', paths: [\"M239.184 106.203a64.72 64.72 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.72 64.72 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.67 64.67 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.77 64.77 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483m-97.56 136.338a48.4 48.4 0 0 1-31.105-11.255l1.535-.87l51.67-29.825a8.6 8.6 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601M37.158 197.93a48.35 48.35 0 0 1-5.781-32.589l1.534.921l51.722 29.826a8.34 8.34 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803M23.549 85.38a48.5 48.5 0 0 1 25.58-21.333v61.39a8.29 8.29 0 0 0 4.195 7.316l62.874 36.272l-21.845 12.636a.82.82 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405zm179.466 41.695l-63.08-36.63L161.73 77.86a.82.82 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.54 8.54 0 0 0-4.4-7.213m21.742-32.69l-1.535-.922l-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.72.72 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391zM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87l-51.67 29.825a8.6 8.6 0 0 0-4.246 7.367zm11.868-25.58L128.067 97.3l28.188 16.218v32.434l-28.086 16.218l-28.188-16.218z\"] },\n}\n\nconst ALIASES: Record<string, string> = {\n  moonshot: 'moonshotai',\n  deepseek_ai: 'deepseek',\n  'x-ai': 'xai',\n  'meta-llama': 'meta',\n}\n\nconst MONOGRAM: Record<string, { bg: string; fg: string }> = {\n  cohere: { bg: '#fae8ff', fg: '#c026d3' },\n  groq: { bg: '#fce7f3', fg: '#db2777' },\n  cerebras: { bg: '#ccfbf1', fg: '#0d9488' },\n  zai: { bg: '#ede9fe', fg: '#7c3aed' },\n  'z-ai': { bg: '#ede9fe', fg: '#7c3aed' },\n  tuner: { bg: '#dbeafe', fg: '#2563eb' },\n}\n\nexport interface ProviderLogoProps {\n  provider?: string\n  size?: number\n}\n\n/** Real brand mark when we have one; tinted monogram otherwise. */\nexport function ProviderLogo({ provider, size = 16 }: ProviderLogoProps): ReactNode {\n  const key = ALIASES[provider ?? ''] ?? provider ?? ''\n  const logo = LOGOS[key]\n  if (logo) {\n    return (\n      <svg width={size} height={size} viewBox={logo.viewBox} role=\"img\" aria-label={key}>\n        {logo.paths.map((d, i) => (\n          <path key={i} d={d} fill={logo.fill} />\n        ))}\n      </svg>\n    )\n  }\n  // Unknown providers fall back to a neutral monogram drawn from theme tokens\n  // (secondary tile, muted glyph) — the previous hardcoded grays (#f3f4f6 /\n  // #6b7280) were tuned for light mode and read as a washed-out hole on dark.\n  // `style` rather than the `fill` attribute so the var() references resolve.\n  const mono = MONOGRAM[key]\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 16 16\" role=\"img\" aria-label={key || 'model'}>\n      <rect width=\"16\" height=\"16\" rx=\"4\" style={{ fill: mono ? mono.bg : 'hsl(var(--secondary))' }} />\n      <text x=\"8\" y=\"11.6\" textAnchor=\"middle\" style={{ fill: mono ? mono.fg : 'hsl(var(--muted-foreground))' }} fontSize=\"9\" fontWeight=\"700\" fontFamily=\"system-ui, sans-serif\">\n        {(key || '?').charAt(0).toUpperCase()}\n      </text>\n    </svg>\n  )\n}\n"],"mappings":";AAyDU,cAWN,YAXM;AAzCV,IAAM,QAAiC;AAAA,EACrC,WAAW,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,0KAA0K,EAAE;AAAA,EACxO,QAAQ,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,8RAA8R,EAAE;AAAA,EACzV,UAAU,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,w7DAAw7D,EAAE;AAAA,EACr/D,SAAS,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,kLAAkL,EAAE;AAAA,EAC9O,KAAK,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,oMAAoM,EAAE;AAAA,EAC5P,QAAQ,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,qwBAAqwB,EAAE;AAAA,EACh0B,MAAM,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,ksCAAksC,EAAE;AAAA,EAC3vC,YAAY,EAAE,SAAS,aAAa,MAAM,WAAW,OAAO,CAAC,2hBAA2hB,EAAE;AAAA,EAC1lB,QAAQ,EAAE,SAAS,eAAe,MAAM,WAAW,OAAO,CAAC,28CAA28C,EAAE;AAC1gD;AAEA,IAAM,UAAkC;AAAA,EACtC,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAChB;AAEA,IAAM,WAAuD;AAAA,EAC3D,QAAQ,EAAE,IAAI,WAAW,IAAI,UAAU;AAAA,EACvC,MAAM,EAAE,IAAI,WAAW,IAAI,UAAU;AAAA,EACrC,UAAU,EAAE,IAAI,WAAW,IAAI,UAAU;AAAA,EACzC,KAAK,EAAE,IAAI,WAAW,IAAI,UAAU;AAAA,EACpC,QAAQ,EAAE,IAAI,WAAW,IAAI,UAAU;AAAA,EACvC,OAAO,EAAE,IAAI,WAAW,IAAI,UAAU;AACxC;AAQO,SAAS,aAAa,EAAE,UAAU,OAAO,GAAG,GAAiC;AAClF,QAAM,MAAM,QAAQ,YAAY,EAAE,KAAK,YAAY;AACnD,QAAM,OAAO,MAAM,GAAG;AACtB,MAAI,MAAM;AACR,WACE,oBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAS,KAAK,SAAS,MAAK,OAAM,cAAY,KAC3E,eAAK,MAAM,IAAI,CAAC,GAAG,MAClB,oBAAC,UAAa,GAAM,MAAM,KAAK,QAApB,CAA0B,CACtC,GACH;AAAA,EAEJ;AAKA,QAAM,OAAO,SAAS,GAAG;AACzB,SACE,qBAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAQ,aAAY,MAAK,OAAM,cAAY,OAAO,SAChF;AAAA,wBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,OAAO,EAAE,MAAM,OAAO,KAAK,KAAK,wBAAwB,GAAG;AAAA,IAC/F,oBAAC,UAAK,GAAE,KAAI,GAAE,QAAO,YAAW,UAAS,OAAO,EAAE,MAAM,OAAO,KAAK,KAAK,+BAA+B,GAAG,UAAS,KAAI,YAAW,OAAM,YAAW,yBAChJ,kBAAO,KAAK,OAAO,CAAC,EAAE,YAAY,GACtC;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-F4XLTVQ3.js → chunk-R6KGLGEJ.js}

@@ -1,3 +1,6 @@
+import {
+  RoleSelect
+} from "./chunk-AULM4X7U.js";
 import {
   hasWorkspaceRole
 } from "./chunk-6XIAPIW6.js";
@@ -5,11 +8,6 @@ import {
 // src/teams-react/components/MembersPanel.tsx
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ASSIGNABLE = [
-  { value: "viewer", label: "Viewer" },
-  { value: "editor", label: "Editor" },
-  { value: "admin", label: "Admin" }
-];
 function MembersPanel({
   members,
   currentRole,
@@ -61,6 +59,13 @@ function MembersPanel({
     }
   }
   return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold text-[var(--text-primary)]", children: "Members" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-muted)]", children: [
+        members.length,
+        " total"
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       members.map((member) => /* @__PURE__ */ jsx(
         MemberRow,
@@ -92,13 +97,11 @@ function MembersPanel({
           }
         ),
         /* @__PURE__ */ jsx(
-          "select",
+          RoleSelect,
           {
             value: inviteRole,
-            "aria-label": "Invite role",
-            onChange: (event) => setInviteRole(event.target.value),
-            className: "rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-1.5 text-xs text-[var(--text-secondary)]",
-            children: ASSIGNABLE.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+            ariaLabel: "Invite role",
+            onChange: setInviteRole
           }
         ),
         /* @__PURE__ */ jsx(
@@ -107,7 +110,7 @@ function MembersPanel({
             type: "button",
             onClick: () => void submitInvite(),
             disabled: inviting || !inviteEmail.trim(),
-            className: "rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-white disabled:opacity-50",
+            className: "rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50",
             children: inviting ? "Inviting\u2026" : "Invite"
           }
         )
@@ -134,13 +137,11 @@ function MemberRow({ member, canManage, onChangeRole, onRemove }) {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: isOwner ? /* @__PURE__ */ jsx("span", { className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-xs text-[var(--text-secondary)]", children: member.inherited ? "Org Admin" : "Owner" }) : editable ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        "select",
+        RoleSelect,
         {
           value: member.role,
-          "aria-label": `Role for ${label}`,
-          onChange: (event) => onChangeRole(member.id, event.target.value),
-          className: "rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-1 text-xs text-[var(--text-secondary)]",
-          children: ASSIGNABLE.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+          ariaLabel: `Role for ${label}`,
+          onChange: (role) => onChangeRole(member.id, role)
         }
       ),
       /* @__PURE__ */ jsx(
@@ -160,4 +161,4 @@ function MemberRow({ member, canManage, onChangeRole, onRemove }) {
 export {
   MembersPanel
 };
-//# sourceMappingURL=chunk-F4XLTVQ3.js.map
+//# sourceMappingURL=chunk-R6KGLGEJ.js.map

package/dist/chunk-R6KGLGEJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/teams-react/components/MembersPanel.tsx"],"sourcesContent":["/**\n * Workspace members panel: list members, invite by email + role, change a\n * member's role, remove a member. Fully callback-driven — the host supplies the\n * data and the async `onInvite`/`onChangeRole`/`onRemove` callbacks (backed by\n * `./teams/members-api`), so this imports no app router, fetch client, or toast.\n * Styled with the shipped Tangle Quiet tokens (`var(--*)`).\n *\n * Role gating mirrors the API: only admins/owners see role selects and the\n * remove control; inherited org owners and explicit owners are not editable\n * here (org-level concern). The invite role select offers `admin` only to\n * admins/owners.\n */\n\nimport { useState } from 'react'\nimport type { WorkspaceRole } from '../../teams/roles'\nimport { hasWorkspaceRole } from '../../teams/roles'\nimport type { MemberView, MembersPanelProps } from '../contracts'\nimport { RoleSelect } from './RoleSelect'\n\nexport function MembersPanel({\n  members,\n  currentRole,\n  onInvite,\n  onChangeRole,\n  onRemove,\n  onNotice,\n  showInviteForm = true,\n}: MembersPanelProps) {\n  const [inviteEmail, setInviteEmail] = useState('')\n  const [inviteRole, setInviteRole] = useState<WorkspaceRole>('editor')\n  const [inviting, setInviting] = useState(false)\n\n  const canManage = hasWorkspaceRole(currentRole, 'admin')\n\n  function notify(kind: 'success' | 'error', message: string) {\n    onNotice?.({ kind, message })\n  }\n\n  async function submitInvite() {\n    const email = inviteEmail.trim()\n    if (!email || inviting) return\n    setInviting(true)\n    try {\n      const result = await onInvite({ email, role: inviteRole })\n      if (result && 'inviteUrl' in result && result.inviteUrl) {\n        notify('success', `Invite link ready for ${email}`)\n      } else {\n        notify('success', `Invited ${email}`)\n      }\n      setInviteEmail('')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to invite')\n    } finally {\n      setInviting(false)\n    }\n  }\n\n  async function changeRole(memberId: string, role: WorkspaceRole) {\n    try {\n      await onChangeRole({ memberId, role })\n      notify('success', 'Role updated')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to update role')\n    }\n  }\n\n  async function remove(memberId: string) {\n    try {\n      await onRemove({ memberId })\n      notify('success', 'Member removed')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to remove member')\n    }\n  }\n\n  return (\n    <section className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center justify-between\">\n        <h4 className=\"text-xs font-semibold text-[var(--text-primary)]\">Members</h4>\n        <span className=\"text-xs text-[var(--text-muted)]\">{members.length} total</span>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        {members.map((member) => (\n          <MemberRow\n            key={member.id}\n            member={member}\n            canManage={canManage}\n            onChangeRole={changeRole}\n            onRemove={remove}\n          />\n        ))}\n        {members.length === 0 && (\n          <p className=\"text-sm text-[var(--text-muted)]\">No team members yet.</p>\n        )}\n      </div>\n\n      {canManage && showInviteForm && (\n        <div className=\"flex flex-col gap-1.5 border-t border-[var(--border-default)] pt-3\">\n          <label className=\"text-xs font-medium text-[var(--text-muted)]\">Invite member</label>\n          <div className=\"flex gap-2\">\n            <input\n              type=\"email\"\n              placeholder=\"Email address\"\n              value={inviteEmail}\n              aria-label=\"Invite email address\"\n              onChange={(event) => setInviteEmail(event.target.value)}\n              onKeyDown={(event) => { if (event.key === 'Enter') void submitInvite() }}\n              className=\"flex-1 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-3 py-1.5 text-sm text-[var(--text-primary)] placeholder:text-[var(--text-muted)]\"\n            />\n            <RoleSelect\n              value={inviteRole}\n              ariaLabel=\"Invite role\"\n              onChange={setInviteRole}\n            />\n            <button\n              type=\"button\"\n              onClick={() => void submitInvite()}\n              disabled={inviting || !inviteEmail.trim()}\n              className=\"rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50\"\n            >\n              {inviting ? 'Inviting…' : 'Invite'}\n            </button>\n          </div>\n        </div>\n      )}\n    </section>\n  )\n}\n\ninterface MemberRowProps {\n  member: MemberView\n  canManage: boolean\n  onChangeRole(memberId: string, role: WorkspaceRole): void\n  onRemove(memberId: string): void\n}\n\nfunction MemberRow({ member, canManage, onChangeRole, onRemove }: MemberRowProps) {\n  const pending = member.acceptedAt == null\n  const label = member.name ?? member.email ?? 'Unknown'\n  const initial = (member.name?.[0] ?? member.email?.[0] ?? '?').toUpperCase()\n  const isOwner = member.role === 'owner'\n  const editable = canManage && !isOwner && !member.inherited\n\n  return (\n    <div className=\"flex items-center justify-between border-b border-[var(--border-default)] py-2 last:border-0\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-[var(--bg-input)] text-xs font-semibold text-[var(--text-secondary)]\">\n          {initial}\n        </div>\n        <div>\n          <p className=\"flex items-center gap-2 text-sm font-medium text-[var(--text-primary)]\">\n            {label}\n            {pending && (\n              <span className=\"rounded border border-[var(--border-default)] px-1.5 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--text-muted)]\">\n                Pending\n              </span>\n            )}\n          </p>\n          {member.name && member.email && (\n            <p className=\"text-xs text-[var(--text-muted)]\">{member.email}</p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isOwner ? (\n          <span className=\"rounded border border-[var(--border-default)] px-2 py-0.5 text-xs text-[var(--text-secondary)]\">\n            {member.inherited ? 'Org Admin' : 'Owner'}\n          </span>\n        ) : editable ? (\n          <>\n            <RoleSelect\n              value={member.role}\n              ariaLabel={`Role for ${label}`}\n              onChange={(role) => onChangeRole(member.id, role)}\n            />\n            <button\n              type=\"button\"\n              aria-label={`Remove ${label}`}\n              onClick={() => onRemove(member.id)}\n              className=\"rounded px-2 py-1 text-xs text-[var(--text-danger)] hover:bg-[var(--border-default)]\"\n            >\n              Remove\n            </button>\n          </>\n        ) : (\n          <span className=\"rounded border border-[var(--border-default)] px-2 py-0.5 text-xs capitalize text-[var(--text-secondary)]\">\n            {member.role}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-B62EZF52.js → chunk-RILGAFEL.js}

@@ -1,14 +1,14 @@
 // src/design-canvas-react/lazy.tsx
 import { lazy } from "react";
 var DesignCanvasLazy = lazy(
-  () => import("./DesignCanvasEditor-DGNCA54P.js").then((m) => ({ default: m.DesignCanvasEditor }))
+  () => import("./DesignCanvasEditor-CJ7PLX7A.js").then((m) => ({ default: m.DesignCanvasEditor }))
 );
 var DesignCanvasChromeLazy = lazy(
-  () => import("./DesignCanvas-P2ZVK6FM.js").then((m) => ({ default: m.DesignCanvas }))
+  () => import("./DesignCanvas-QY2CA5GI.js").then((m) => ({ default: m.DesignCanvas }))
 );
 
 export {
   DesignCanvasLazy,
   DesignCanvasChromeLazy
 };
-//# sourceMappingURL=chunk-B62EZF52.js.map
+//# sourceMappingURL=chunk-RILGAFEL.js.map