@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/docs/DocsTabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsTabPanel.js","names":[],"sources":["../../../src/components/docs/DocsTabPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { LoadingState, ErrorState, QuotaExhaustedDialog } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { resolveGatewayUrls } from '@burdenoff/fe-libs/shared/config';\nimport { DocsEmptyState } from './DocsEmptyState';\nimport { DocsPreviewPanel } from './DocsPreviewPanel';\nimport { DocsEditPanel } from './DocsEditPanel';\nimport type { DocsSite, DocsRevision } from './types';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  useGetDocsSiteQuery,\n  useCreateDocsSiteMutation,\n  useUpdateDocsSiteMutation,\n  useUpdateDocsSiteVisibilityMutation,\n  useCreateDocsPageMutation,\n  useUpdateDocsPageMutation,\n  useDeleteDocsPageMutation,\n  useCompileDocsSiteMutation,\n  useDocsContentQuery,\n  useGetDocsRevisionLazyQuery,\n} from '@/generated/wspace-operations';\n\ninterface DocsTabPanelProps {\n  vibeId?: string;\n  ownerType?: string;\n  ownerId?: string;\n}\n\nexport function DocsTabPanel({ vibeId, ownerType, ownerId }: DocsTabPanelProps) {\n  const tr = useTr();\n  const effectiveOwnerType = ownerType || 'VIBE';\n  const effectiveOwnerId = ownerId || vibeId || '';\n  const [mode, setMode] = useState<'preview' | 'edit'>('preview');\n  const [compileRevision, setCompileRevision] = useState<DocsRevision | null>(null);\n  const [compiling, setCompiling] = useState(false);\n  const navigate = useVibeNavigate();\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n\n  // Queries\n  const { data, loading, error, refetch } = useGetDocsSiteQuery({\n    variables: { ownerType: effectiveOwnerType as any, ownerId: effectiveOwnerId },\n    skip: !effectiveOwnerId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const site = (data?.vibecontrolsDocsSiteByOwner ?? null) as DocsSite | null;\n  const pages = site?.pages || [];\n\n  const {\n    data: docsContentData,\n    loading: docsContentLoading,\n    refetch: refetchDocsContent,\n  } = useDocsContentQuery({\n    variables: { siteId: site?.id || '', path: '' },\n    skip: !site?.id || !site.currentRevisionId,\n    fetchPolicy: 'network-only',\n  });\n  const docsHtml = docsContentData?.docsContent?.html ?? null;\n\n  // Compute gateway docs URL for iframe src (workspaceId prefix for isolation)\n  const gatewayUrls = resolveGatewayUrls();\n  const docsBaseUrl = site?.workspaceId\n    ? `${gatewayUrls.workspaceBaseUrl}/workspaces/static/${site.workspaceId}/docs/${effectiveOwnerId}/`\n    : null;\n\n  // Mutations\n  const [createSiteMutation, { loading: creating }] = useCreateDocsSiteMutation();\n  const [updateSiteMutation] = useUpdateDocsSiteMutation();\n  const [updateVisibilityMutation] = useUpdateDocsSiteVisibilityMutation();\n  const [createPageMutation] = useCreateDocsPageMutation();\n  const [updatePageMutation] = useUpdateDocsPageMutation();\n  const [deletePageMutation] = useDeleteDocsPageMutation();\n  const [compileMutation] = useCompileDocsSiteMutation();\n  const [fetchRevision] = useGetDocsRevisionLazyQuery({\n    fetchPolicy: 'network-only',\n  });\n  // Handlers\n  const handleCreateSite = async () => {\n    try {\n      await createSiteMutation({\n        variables: {\n          input: {\n            ownerType: effectiveOwnerType as any,\n            ownerId: effectiveOwnerId,\n            name: 'Documentation',\n          },\n        },\n      });\n      await refetch();\n      setMode('edit');\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowQuotaExhausted(true);\n        return;\n      }\n\n      throw err;\n    }\n  };\n\n  const handleSavePage = async (\n    id: string,\n    data: { title?: string; content?: string; slug?: string }\n  ) => {\n    await updatePageMutation({ variables: { id, input: data } });\n  };\n\n  const handleAddPage = async (parentId?: string, category?: string) => {\n    if (!site) return;\n    const pageCount = pages.length;\n    const slug = `page-${pageCount + 1}`;\n    await createPageMutation({\n      variables: {\n        input: {\n          siteId: site.id,\n          parentId: parentId || null,\n          slug,\n          title: `New Page ${pageCount + 1}`,\n          content: '# New Page\\n\\nStart writing here...',\n          status: 'DRAFT',\n          sidebarPosition: pageCount,\n          category: category || null,\n        },\n      },\n    });\n    await refetch();\n  };\n\n  const handleDeletePage = async (pageId: string) => {\n    if (!confirm('Delete this page?')) return;\n    await deletePageMutation({ variables: { id: pageId } });\n    await refetch();\n  };\n\n  const handleCompile = async () => {\n    if (!site) return;\n    setCompiling(true);\n    try {\n      const { data: compileData } = await compileMutation({\n        variables: { siteId: site.id, publish: true },\n      });\n      if (compileData?.compileDocsSite) {\n        setCompileRevision(compileData.compileDocsSite as DocsRevision);\n      }\n    } finally {\n      // compiling state cleared when poll shows completion\n    }\n  };\n\n  const handlePollRevision = async (revisionId: string): Promise<DocsRevision | null> => {\n    const { data: revData } = await fetchRevision({ variables: { id: revisionId } });\n    const rev = revData?.docsRevision as DocsRevision | null;\n    if (rev) {\n      setCompileRevision(rev);\n      const done = ['SUCCEEDED', 'PUBLISHED', 'FAILED'].includes(rev.status);\n      if (done) {\n        setCompiling(false);\n        if (rev.status === 'PUBLISHED' || rev.status === 'SUCCEEDED') {\n          await refetch();\n          await refetchDocsContent();\n        }\n      }\n    }\n    return rev;\n  };\n\n  const handleSaveSettings = async (data: {\n    name?: string;\n    visibility?: 'PRIVATE' | 'PUBLIC';\n    docusaurusConfig?: Record<string, unknown>;\n  }) => {\n    if (!site) return;\n    if (data.visibility && data.visibility !== site.visibility) {\n      await updateVisibilityMutation({ variables: { id: site.id, visibility: data.visibility } });\n    }\n    const rest = {\n      name: data.name,\n      docusaurusConfig: data.docusaurusConfig,\n    };\n    if (Object.keys(rest).length > 0) {\n      await updateSiteMutation({ variables: { id: site.id, input: rest } });\n    }\n    await refetch();\n  };\n\n  // Loading / Error states\n  if (loading && !site) {\n    return (\n      <LoadingState message={tr('vibecontrols.docs.tab.loading', 'Loading documentation...')} />\n    );\n  }\n\n  if (error && !site) {\n    return (\n      <ErrorState\n        title={tr('vibecontrols.docs.tab.loadFailed', 'Failed to load docs')}\n        message={error.message}\n        onRetry={() => refetch()}\n      />\n    );\n  }\n\n  // No site yet\n  if (!site) {\n    return (\n      <>\n        <DocsEmptyState onCreate={handleCreateSite} loading={creating} />\n        <QuotaExhaustedDialog\n          isOpen={showQuotaExhausted}\n          onClose={() => setShowQuotaExhausted(false)}\n          onConfirm={() => {\n            setShowQuotaExhausted(false);\n            navigate('/billing');\n          }}\n          title=\"Docs Site Quota Reached\"\n          message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n        />\n      </>\n    );\n  }\n\n  // Edit mode\n  if (mode === 'edit') {\n    return (\n      <DocsEditPanel\n        site={site}\n        pages={pages}\n        onBack={() => setMode('preview')}\n        onSavePage={handleSavePage}\n        onAddPage={handleAddPage}\n        onDeletePage={handleDeletePage}\n        onCompile={handleCompile}\n        onSaveSettings={handleSaveSettings}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n    );\n  }\n\n  // Preview mode\n  return (\n    <>\n      <DocsPreviewPanel\n        site={site}\n        docsBaseUrl={\n          site.currentRevisionId && !docsContentLoading && !docsHtml && docsBaseUrl\n            ? docsBaseUrl\n            : null\n        }\n        docsHtml={site.currentRevisionId ? docsHtml : null}\n        onEdit={() => setMode('edit')}\n        onCompile={handleCompile}\n        onSettings={() => setMode('edit')}\n        onOpenFullScreen={() => {\n          const pathMap: Record<string, string> = {\n            VIBE: 'vibes',\n            CATALOG: 'catalog',\n            COMPONENT: 'components',\n          };\n          const segment = pathMap[effectiveOwnerType] || 'vibes';\n          navigate(`/${segment}/${effectiveOwnerId}/docs`);\n        }}\n        compileRevision={compileRevision}\n        onPollRevision={handlePollRevision}\n        compiling={compiling}\n      />\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing');\n        }}\n        title=\"Docs Site Quota Reached\"\n        message=\"You have reached the documentation site limit for your current plan. Upgrade to create more docs sites.\"\n      />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/index.d.ts

@@ -0,0 +1,10 @@
+export { DocsTabPanel } from './DocsTabPanel';
+export { DocsEmptyState } from './DocsEmptyState';
+export { DocsPreviewPanel } from './DocsPreviewPanel';
+export { DocsEditPanel } from './DocsEditPanel';
+export { DocsPageTree } from './DocsPageTree';
+export { DocsPageEditor } from './DocsPageEditor';
+export { DocsSettingsPanel } from './DocsSettingsPanel';
+export { DocsCompileStatus } from './DocsCompileStatus';
+export type { DocsSite, DocsPage, DocsRevision, DocsSignedUrl } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/docs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/docs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/docs/index.js

@@ -0,0 +1,8 @@
+import "./DocsEmptyState.js";
+import "./DocsCompileStatus.js";
+import "./DocsPreviewPanel.js";
+import "./DocsPageTree.js";
+import "./DocsPageEditor.js";
+import "./DocsSettingsPanel.js";
+import "./DocsEditPanel.js";
+import "./DocsTabPanel.js";

package/dist/components/docs/previewHtml.d.ts

@@ -0,0 +1,2 @@
+export declare function createDocsPreviewHtml(html: string): string;
+//# sourceMappingURL=previewHtml.d.ts.map

package/dist/components/docs/previewHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewHtml.d.ts","sourceRoot":"","sources":["../../../src/components/docs/previewHtml.ts"],"names":[],"mappings":"AAmGA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAmB1D"}

package/dist/components/docs/previewHtml.js

@@ -0,0 +1,17 @@
+//#region src/components/docs/previewHtml.ts
+var e = "\n  :root {\n    color-scheme: light dark;\n  }\n  html, body {\n    margin: 0;\n    padding: 0;\n    background: Canvas;\n    color: CanvasText;\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n  body {\n    padding: 1.5rem 2rem;\n    max-width: 80ch;\n    margin: 0 auto;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    color: CanvasText;\n    font-weight: 700;\n    line-height: 1.25;\n    margin-top: 1.6em;\n    margin-bottom: 0.6em;\n  }\n  h1 { font-size: 2em; margin-top: 0; }\n  h2 { font-size: 1.5em; }\n  h3 { font-size: 1.25em; }\n  h4 { font-size: 1em; }\n  p { margin: 0.75em 0; }\n  a { color: LinkText; text-decoration: underline; text-underline-offset: 2px; }\n  a:hover { color: ActiveText; }\n  strong { font-weight: 600; }\n  em { font-style: italic; }\n  code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 0.875em;\n    padding: 0.15em 0.35em;\n    border-radius: 4px;\n    background: color-mix(in srgb, CanvasText 8%, Canvas);\n  }\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    background: color-mix(in srgb, CanvasText 6%, Canvas);\n    border: 1px solid color-mix(in srgb, CanvasText 12%, Canvas);\n    border-radius: 6px;\n    padding: 0.875em 1em;\n    overflow-x: auto;\n    font-size: 0.875em;\n    line-height: 1.55;\n  }\n  pre code {\n    background: transparent;\n    padding: 0;\n    border-radius: 0;\n    font-size: inherit;\n  }\n  ol, ul { padding-left: 1.625em; margin: 1em 0; }\n  ol { list-style-type: decimal; }\n  ul { list-style-type: disc; }\n  li { margin: 0.4em 0; }\n  blockquote {\n    font-style: italic;\n    border-left: 4px solid color-mix(in srgb, CanvasText 25%, Canvas);\n    padding-left: 1em;\n    margin: 1.4em 0;\n    color: color-mix(in srgb, CanvasText 80%, Canvas);\n  }\n  hr {\n    border: 0;\n    border-top: 1px solid color-mix(in srgb, CanvasText 15%, Canvas);\n    margin: 2.5em 0;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 1.5em 0;\n    font-size: 0.9em;\n  }\n  th, td { padding: 0.5em 0.6em; text-align: left; }\n  thead { border-bottom: 1px solid color-mix(in srgb, CanvasText 20%, Canvas); }\n  tbody tr { border-bottom: 1px solid color-mix(in srgb, CanvasText 10%, Canvas); }\n  th { font-weight: 600; }\n  img { max-width: 100%; height: auto; margin: 1.5em 0; border-radius: 4px; }\n  figure { margin: 1.5em 0; }\n  figcaption { font-size: 0.875em; opacity: 0.75; margin-top: 0.5em; }\n";
+function t(t) {
+	if (typeof DOMParser > "u") return t;
+	let n = new DOMParser().parseFromString(t, "text/html");
+	n.querySelectorAll("script").forEach((e) => e.remove()), n.querySelectorAll("link[href*=\"/workspaces/static/\"]").forEach((e) => e.remove());
+	let r = n.head ?? n.querySelector("head");
+	if (r) {
+		let t = n.createElement("style");
+		t.setAttribute("data-docs-preview", "typography"), t.textContent = e, r.appendChild(t);
+	}
+	return `<!doctype html>${n.documentElement.outerHTML}`;
+}
+//#endregion
+export { t as createDocsPreviewHtml };
+
+//# sourceMappingURL=previewHtml.js.map

package/dist/components/docs/previewHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewHtml.js","names":[],"sources":["../../../src/components/docs/previewHtml.ts"],"sourcesContent":["/**\n * Inline typography styles for sandboxed iframe previews.\n *\n * The iframe runs in an isolated document where parent stylesheets and\n * CSS variables do not propagate. The compiled Docusaurus stylesheet\n * <link>s point at /workspaces/static/* which 404 outside their host\n * shell, so they are stripped and replaced with this self-contained\n * sheet. Values mirror the host `.prose` block in vibecontrols-app\n * `styles.css` and fall back to system colors that respect the\n * user's color-scheme preference (no raw brand colors used).\n */\nconst DOCS_PREVIEW_STYLE = `\n  :root {\n    color-scheme: light dark;\n  }\n  html, body {\n    margin: 0;\n    padding: 0;\n    background: Canvas;\n    color: CanvasText;\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n  body {\n    padding: 1.5rem 2rem;\n    max-width: 80ch;\n    margin: 0 auto;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    color: CanvasText;\n    font-weight: 700;\n    line-height: 1.25;\n    margin-top: 1.6em;\n    margin-bottom: 0.6em;\n  }\n  h1 { font-size: 2em; margin-top: 0; }\n  h2 { font-size: 1.5em; }\n  h3 { font-size: 1.25em; }\n  h4 { font-size: 1em; }\n  p { margin: 0.75em 0; }\n  a { color: LinkText; text-decoration: underline; text-underline-offset: 2px; }\n  a:hover { color: ActiveText; }\n  strong { font-weight: 600; }\n  em { font-style: italic; }\n  code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    font-size: 0.875em;\n    padding: 0.15em 0.35em;\n    border-radius: 4px;\n    background: color-mix(in srgb, CanvasText 8%, Canvas);\n  }\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    background: color-mix(in srgb, CanvasText 6%, Canvas);\n    border: 1px solid color-mix(in srgb, CanvasText 12%, Canvas);\n    border-radius: 6px;\n    padding: 0.875em 1em;\n    overflow-x: auto;\n    font-size: 0.875em;\n    line-height: 1.55;\n  }\n  pre code {\n    background: transparent;\n    padding: 0;\n    border-radius: 0;\n    font-size: inherit;\n  }\n  ol, ul { padding-left: 1.625em; margin: 1em 0; }\n  ol { list-style-type: decimal; }\n  ul { list-style-type: disc; }\n  li { margin: 0.4em 0; }\n  blockquote {\n    font-style: italic;\n    border-left: 4px solid color-mix(in srgb, CanvasText 25%, Canvas);\n    padding-left: 1em;\n    margin: 1.4em 0;\n    color: color-mix(in srgb, CanvasText 80%, Canvas);\n  }\n  hr {\n    border: 0;\n    border-top: 1px solid color-mix(in srgb, CanvasText 15%, Canvas);\n    margin: 2.5em 0;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 1.5em 0;\n    font-size: 0.9em;\n  }\n  th, td { padding: 0.5em 0.6em; text-align: left; }\n  thead { border-bottom: 1px solid color-mix(in srgb, CanvasText 20%, Canvas); }\n  tbody tr { border-bottom: 1px solid color-mix(in srgb, CanvasText 10%, Canvas); }\n  th { font-weight: 600; }\n  img { max-width: 100%; height: auto; margin: 1.5em 0; border-radius: 4px; }\n  figure { margin: 1.5em 0; }\n  figcaption { font-size: 0.875em; opacity: 0.75; margin-top: 0.5em; }\n`;\n\nexport function createDocsPreviewHtml(html: string): string {\n  if (typeof DOMParser === 'undefined') return html;\n\n  const doc = new DOMParser().parseFromString(html, 'text/html');\n  doc.querySelectorAll('script').forEach((node) => node.remove());\n  doc.querySelectorAll('link[href*=\"/workspaces/static/\"]').forEach((node) => node.remove());\n\n  // Inject typography stylesheet so markdown renders with proper prose\n  // styling inside the sandboxed iframe (host page styles cannot\n  // traverse the iframe boundary).\n  const head = doc.head ?? doc.querySelector('head');\n  if (head) {\n    const styleEl = doc.createElement('style');\n    styleEl.setAttribute('data-docs-preview', 'typography');\n    styleEl.textContent = DOCS_PREVIEW_STYLE;\n    head.appendChild(styleEl);\n  }\n\n  return `<!doctype html>${doc.documentElement.outerHTML}`;\n}\n"],"mappings":";AAWA,IAAM,IAAqB;AAwF3B,SAAgB,EAAsB,GAAsB;AAC1D,KAAI,OAAO,YAAc,IAAa,QAAO;CAE7C,IAAM,IAAM,IAAI,WAAW,CAAC,gBAAgB,GAAM,YAAY;AAE9D,CADA,EAAI,iBAAiB,SAAS,CAAC,SAAS,MAAS,EAAK,QAAQ,CAAC,EAC/D,EAAI,iBAAiB,sCAAoC,CAAC,SAAS,MAAS,EAAK,QAAQ,CAAC;CAK1F,IAAM,IAAO,EAAI,QAAQ,EAAI,cAAc,OAAO;AAClD,KAAI,GAAM;EACR,IAAM,IAAU,EAAI,cAAc,QAAQ;AAG1C,EAFA,EAAQ,aAAa,qBAAqB,aAAa,EACvD,EAAQ,cAAc,GACtB,EAAK,YAAY,EAAQ;;AAG3B,QAAO,kBAAkB,EAAI,gBAAgB"}

package/dist/components/docs/types.d.ts

@@ -0,0 +1,59 @@
+export interface DocsSite {
+    id: string;
+    workspaceId: string;
+    vibeId: string;
+    name: string;
+    runtime: 'MANAGED' | 'CUSTOMER_IMAGE';
+    buildImageId?: string | null;
+    visibility: 'PRIVATE' | 'PUBLIC';
+    currentRevisionId: string | null;
+    currentRevision: DocsRevision | null;
+    signedUrlExpiryMs: number;
+    docusaurusConfig: Record<string, unknown>;
+    s3BasePath: string | null;
+    tags: string[];
+    pages: DocsPage[];
+    revisions: DocsRevision[];
+    createdAt: string;
+    updatedAt: string;
+}
+export interface DocsPage {
+    id: string;
+    siteId: string;
+    parentId: string | null;
+    slug: string;
+    title: string;
+    content: string;
+    status: 'DRAFT' | 'PUBLISHED';
+    sidebarPosition: number;
+    category: string | null;
+    description: string | null;
+    tags: string[];
+    frontmatter: Record<string, unknown> | null;
+    children?: DocsPage[];
+    createdAt: string;
+    updatedAt: string;
+}
+export interface DocsRevision {
+    id: string;
+    siteId: string;
+    revisionNumber: number;
+    status: 'DRAFT' | 'COMPILE_REQUESTED' | 'VALIDATING_SITE' | 'VALIDATING_RUNTIME' | 'PREPARING_WORKSPACE' | 'STARTING_SANDBOX' | 'BUILDING' | 'COLLECTING_OUTPUT' | 'UPLOADING' | 'SUCCEEDED' | 'PUBLISHED' | 'FAILED';
+    s3ArtifactPath: string | null;
+    buildDurationMs: number | null;
+    errorMessage: string | null;
+    errorCategory?: string | null;
+    buildRuntimeMode?: 'MANAGED' | 'CUSTOMER_IMAGE' | null;
+    buildImageRefSnapshot?: string | null;
+    buildImageDigestSnapshot?: string | null;
+    sandboxId?: string | null;
+    pageCount: number | null;
+    publishedAt: string | null;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface DocsSignedUrl {
+    url: string;
+    expiresAt: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/docs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/docs/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,YAAY,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,GAAG,WAAW,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EACF,OAAO,GACP,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,GACpB,qBAAqB,GACrB,kBAAkB,GAClB,UAAU,GACV,mBAAmB,GACnB,WAAW,GACX,WAAW,GACX,WAAW,GACX,QAAQ,CAAC;IACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,CAAC,EAAE,SAAS,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACvD,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/gitops/CIDurationChart.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+interface CIDurationChartProps {
+    averageDuration: number | null;
+}
+/**
+ * CIDurationChart renders a small card with the average pipeline duration
+ * as a formatted time and a decorative area chart.
+ */
+export declare const CIDurationChart: FC<CIDurationChartProps>;
+export {};
+//# sourceMappingURL=CIDurationChart.d.ts.map

package/dist/components/gitops/CIDurationChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIDurationChart.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CIDurationChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,UAAU,oBAAoB;IAC5B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiEpD,CAAC"}

package/dist/components/gitops/CIDurationChart.js

@@ -0,0 +1,102 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as n } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Area as r } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { AreaChart as i } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { formatDuration as a } from "../../utils/relativeTime.js";
+import { useMemo as o } from "react";
+import { Timer as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/gitops/CIDurationChart.tsx
+var u = "var(--color-text-link)", d = ({ averageDuration: d }) => {
+	let f = e(), p = o(() => {
+		let e = d ?? 0, t = Math.max(e * .3, 10);
+		return [
+			{ v: e + t * (Math.random() - .3) },
+			{ v: e + t * (Math.random() - .5) },
+			{ v: e + t * (Math.random() - .2) },
+			{ v: e + t * (Math.random() - .6) },
+			{ v: e + t * (Math.random() - .1) },
+			{ v: e + t * (Math.random() - .4) },
+			{ v: Math.max(e, 0) }
+		].map((e) => ({ v: Math.max(e.v, 0) }));
+	}, [d]);
+	return /* @__PURE__ */ l("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm p-5",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2 mb-2",
+				children: [/* @__PURE__ */ c(s, { className: "w-5 h-5 text-text-secondary" }), /* @__PURE__ */ c("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: f("vibecontrols.gitops.ciTab.avgDuration", "Avg Duration")
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "mb-3",
+				children: [/* @__PURE__ */ c("p", {
+					className: "text-3xl font-bold text-text-primary",
+					children: a(d)
+				}), /* @__PURE__ */ c("p", {
+					className: "text-xs text-text-secondary mt-0.5",
+					children: f("vibecontrols.gitops.ciTab.perPipelineRun", "per pipeline run")
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "h-16",
+				children: /* @__PURE__ */ c(n, {
+					width: "100%",
+					height: "100%",
+					children: /* @__PURE__ */ l(i, {
+						data: p,
+						margin: {
+							top: 0,
+							right: 0,
+							left: 0,
+							bottom: 0
+						},
+						children: [
+							/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
+								id: "durationGradient",
+								x1: "0",
+								y1: "0",
+								x2: "0",
+								y2: "1",
+								children: [/* @__PURE__ */ c("stop", {
+									offset: "0%",
+									stopColor: u,
+									stopOpacity: .3
+								}), /* @__PURE__ */ c("stop", {
+									offset: "100%",
+									stopColor: u,
+									stopOpacity: 0
+								})]
+							}) }),
+							/* @__PURE__ */ c(t, {
+								contentStyle: {
+									background: "var(--color-bg-surface)",
+									border: "1px solid var(--color-border-default)",
+									borderRadius: "6px",
+									fontSize: "11px"
+								},
+								formatter: (e) => [a(Math.round(e)), "Duration"],
+								labelFormatter: () => ""
+							}),
+							/* @__PURE__ */ c(r, {
+								type: "monotone",
+								dataKey: "v",
+								stroke: u,
+								fill: "url(#durationGradient)",
+								strokeWidth: 2,
+								dot: !1
+							})
+						]
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { d as CIDurationChart };
+
+//# sourceMappingURL=CIDurationChart.js.map

package/dist/components/gitops/CIDurationChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIDurationChart.js","names":[],"sources":["../../../src/components/gitops/CIDurationChart.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { ResponsiveContainer, AreaChart, Area, Tooltip } from 'recharts';\nimport { Timer } from 'lucide-react';\nimport { formatDuration } from '@/utils/relativeTime';\nimport { useTr } from '../../shared/hooks/useTr';\n\nconst DURATION_CHART_COLOR = 'var(--color-text-link)';\n\ninterface CIDurationChartProps {\n  averageDuration: number | null;\n}\n\n/**\n * CIDurationChart renders a small card with the average pipeline duration\n * as a formatted time and a decorative area chart.\n */\nexport const CIDurationChart: FC<CIDurationChartProps> = ({ averageDuration }) => {\n  const tr = useTr();\n  // Generate a sparkline that trends toward the average duration\n  const chartData = useMemo(() => {\n    const avg = averageDuration ?? 0;\n    const variance = Math.max(avg * 0.3, 10);\n    return [\n      { v: avg + variance * (Math.random() - 0.3) },\n      { v: avg + variance * (Math.random() - 0.5) },\n      { v: avg + variance * (Math.random() - 0.2) },\n      { v: avg + variance * (Math.random() - 0.6) },\n      { v: avg + variance * (Math.random() - 0.1) },\n      { v: avg + variance * (Math.random() - 0.4) },\n      { v: Math.max(avg, 0) },\n    ].map((d) => ({ v: Math.max(d.v, 0) }));\n  }, [averageDuration]);\n\n  return (\n    <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm p-5\">\n      <div className=\"flex items-center gap-2 mb-2\">\n        <Timer className=\"w-5 h-5 text-text-secondary\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.ciTab.avgDuration', 'Avg Duration')}\n        </h3>\n      </div>\n\n      <div className=\"mb-3\">\n        <p className=\"text-3xl font-bold text-text-primary\">{formatDuration(averageDuration)}</p>\n        <p className=\"text-xs text-text-secondary mt-0.5\">\n          {tr('vibecontrols.gitops.ciTab.perPipelineRun', 'per pipeline run')}\n        </p>\n      </div>\n\n      <div className=\"h-16\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <AreaChart data={chartData} margin={{ top: 0, right: 0, left: 0, bottom: 0 }}>\n            <defs>\n              <linearGradient id=\"durationGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={DURATION_CHART_COLOR} stopOpacity={0.3} />\n                <stop offset=\"100%\" stopColor={DURATION_CHART_COLOR} stopOpacity={0} />\n              </linearGradient>\n            </defs>\n            <Tooltip\n              contentStyle={{\n                background: 'var(--color-bg-surface)',\n                border: '1px solid var(--color-border-default)',\n                borderRadius: '6px',\n                fontSize: '11px',\n              }}\n              formatter={(value: number) => [formatDuration(Math.round(value)), 'Duration']}\n              labelFormatter={() => ''}\n            />\n            <Area\n              type=\"monotone\"\n              dataKey=\"v\"\n              stroke={DURATION_CHART_COLOR}\n              fill=\"url(#durationGradient)\"\n              strokeWidth={2}\n              dot={false}\n            />\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAOA,IAAM,IAAuB,0BAUhB,KAA6C,EAAE,yBAAsB;CAChF,IAAM,IAAK,GAAO,EAEZ,IAAY,QAAc;EAC9B,IAAM,IAAM,KAAmB,GACzB,IAAW,KAAK,IAAI,IAAM,IAAK,GAAG;AACxC,SAAO;GACL,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,IAAM,KAAY,KAAK,QAAQ,GAAG,KAAM;GAC7C,EAAE,GAAG,KAAK,IAAI,GAAK,EAAE,EAAE;GACxB,CAAC,KAAK,OAAO,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE;IACtC,CAAC,EAAgB,CAAC;AAErB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,EACjD,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,yCAAyC,eAAe;KACzD,CAAA,CACD;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAwC,EAAe,EAAgB;KAAK,CAAA,EACzF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,4CAA4C,mBAAmB;KACjE,CAAA,CACA;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAqB,OAAM;KAAO,QAAO;eACvC,kBAAC,GAAD;MAAW,MAAM;MAAW,QAAQ;OAAE,KAAK;OAAG,OAAO;OAAG,MAAM;OAAG,QAAQ;OAAG;gBAA5E;OACE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;QAAgB,IAAG;QAAmB,IAAG;QAAI,IAAG;QAAI,IAAG;QAAI,IAAG;kBAA9D,CACE,kBAAC,QAAD;SAAM,QAAO;SAAK,WAAW;SAAsB,aAAa;SAAO,CAAA,EACvE,kBAAC,QAAD;SAAM,QAAO;SAAO,WAAW;SAAsB,aAAa;SAAK,CAAA,CACxD;WACZ,CAAA;OACP,kBAAC,GAAD;QACE,cAAc;SACZ,YAAY;SACZ,QAAQ;SACR,cAAc;SACd,UAAU;SACX;QACD,YAAY,MAAkB,CAAC,EAAe,KAAK,MAAM,EAAM,CAAC,EAAE,WAAW;QAC7E,sBAAsB;QACtB,CAAA;OACF,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,QAAQ;QACR,MAAK;QACL,aAAa;QACb,KAAK;QACL,CAAA;OACQ;;KACQ,CAAA;IAClB,CAAA;GACF"}

package/dist/components/gitops/CIFailedRuns.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { CIPipelineRun } from './types';
+
+interface CIFailedRunsProps {
+    runs: CIPipelineRun[];
+}
+/**
+ * CIFailedRuns shows a collapsible list of recent failed pipeline runs.
+ * Each item has a red left border and can expand to show details.
+ */
+export declare const CIFailedRuns: FC<CIFailedRunsProps>;
+export {};
+//# sourceMappingURL=CIFailedRuns.d.ts.map

package/dist/components/gitops/CIFailedRuns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIFailedRuns.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CIFailedRuns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2I9C,CAAC"}

package/dist/components/gitops/CIFailedRuns.js

@@ -0,0 +1,153 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { formatDuration as t, relativeTime as n } from "../../utils/relativeTime.js";
+import { useCallback as r, useMemo as i, useState as a } from "react";
+import { AlertTriangle as o, ChevronDown as s, ChevronRight as c, ExternalLink as l } from "lucide-react";
+import { AnimatePresence as u, motion as d } from "framer-motion";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/gitops/CIFailedRuns.tsx
+var m = ({ runs: m }) => {
+	let h = e(), g = i(() => m.filter((e) => e.conclusion === "failure" || e.conclusion === "failed" || e.conclusion === "timed_out" || e.conclusion === "startup_failure"), [m]), [_, v] = a(/* @__PURE__ */ new Set()), y = r((e) => {
+		v((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []);
+	return g.length === 0 ? null : /* @__PURE__ */ p("div", {
+		className: "bg-bg-surface border border-border-default rounded-xl shadow-sm overflow-hidden",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex items-center gap-2 px-5 py-3 border-b border-border-default",
+			children: [/* @__PURE__ */ f(o, { className: "w-4 h-4 text-status-error-text" }), /* @__PURE__ */ p("h3", {
+				className: "text-sm font-semibold text-text-primary",
+				children: [
+					h("vibecontrols.gitops.ciTab.failedRuns", "Failed Runs"),
+					" (",
+					g.length,
+					")"
+				]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "divide-y divide-border-default",
+			children: g.map((e) => {
+				let r = _.has(e.id);
+				return /* @__PURE__ */ p("div", {
+					className: "border-l-2 border-l-status-error-text",
+					children: [/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => y(e.id),
+						className: "w-full text-left px-5 py-3 hover:bg-bg-sunken/50 transition-colors",
+						children: /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [f(r ? s : c, { className: "w-4 h-4 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ p("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ p("div", {
+									className: "flex items-center gap-2 flex-wrap",
+									children: [/* @__PURE__ */ f("span", {
+										className: "text-sm font-medium text-text-primary truncate",
+										children: e.workflowName
+									}), /* @__PURE__ */ f("span", {
+										className: "inline-block text-xs font-mono bg-bg-sunken text-text-secondary rounded px-1.5 py-0.5",
+										children: e.branch
+									})]
+								}), /* @__PURE__ */ p("div", {
+									className: "flex items-center gap-3 mt-0.5 text-xs text-text-secondary",
+									children: [
+										/* @__PURE__ */ f("span", { children: n(e.startedAt) }),
+										e.durationSeconds != null && /* @__PURE__ */ f("span", {
+											className: "tabular-nums",
+											children: t(e.durationSeconds)
+										}),
+										e.actor && /* @__PURE__ */ f("span", { children: e.actor })
+									]
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ f(u, {
+						initial: !1,
+						children: r && /* @__PURE__ */ f(d.div, {
+							initial: {
+								height: 0,
+								opacity: 0
+							},
+							animate: {
+								height: "auto",
+								opacity: 1
+							},
+							exit: {
+								height: 0,
+								opacity: 0
+							},
+							transition: {
+								duration: .2,
+								ease: [
+									.4,
+									0,
+									.2,
+									1
+								]
+							},
+							className: "overflow-hidden",
+							children: /* @__PURE__ */ p("div", {
+								className: "px-5 pb-3 ml-6 space-y-2",
+								children: [/* @__PURE__ */ p("div", {
+									className: "text-xs space-y-1",
+									children: [
+										/* @__PURE__ */ p("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ f("span", {
+												className: "text-text-secondary",
+												children: "Conclusion:"
+											}), /* @__PURE__ */ f("span", {
+												className: "text-status-error-text font-medium",
+												children: e.conclusion
+											})]
+										}),
+										e.event && /* @__PURE__ */ p("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ f("span", {
+												className: "text-text-secondary",
+												children: "Trigger:"
+											}), /* @__PURE__ */ f("span", {
+												className: "text-text-primary",
+												children: e.event
+											})]
+										}),
+										e.startedAt && /* @__PURE__ */ p("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ f("span", {
+												className: "text-text-secondary",
+												children: "Started:"
+											}), /* @__PURE__ */ f("span", {
+												className: "text-text-primary",
+												children: new Date(e.startedAt).toLocaleString()
+											})]
+										}),
+										e.completedAt && /* @__PURE__ */ p("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ f("span", {
+												className: "text-text-secondary",
+												children: "Completed:"
+											}), /* @__PURE__ */ f("span", {
+												className: "text-text-primary",
+												children: new Date(e.completedAt).toLocaleString()
+											})]
+										})
+									]
+								}), e.url && /* @__PURE__ */ p("a", {
+									href: e.url,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "inline-flex items-center gap-1 text-xs text-action-primary-text hover:underline",
+									children: [/* @__PURE__ */ f(l, { className: "w-3 h-3" }), h("vibecontrols.gitops.ciTab.viewFullDetails", "View full details")]
+								})]
+							})
+						})
+					})]
+				}, e.id);
+			})
+		})]
+	});
+};
+//#endregion
+export { m as CIFailedRuns };
+
+//# sourceMappingURL=CIFailedRuns.js.map

package/dist/components/gitops/CIFailedRuns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIFailedRuns.js","names":[],"sources":["../../../src/components/gitops/CIFailedRuns.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport type { FC } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { AlertTriangle, ChevronDown, ChevronRight, ExternalLink } from 'lucide-react';\nimport { relativeTime, formatDuration } from '@/utils/relativeTime';\nimport type { CIPipelineRun } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface CIFailedRunsProps {\n  runs: CIPipelineRun[];\n}\n\n/**\n * CIFailedRuns shows a collapsible list of recent failed pipeline runs.\n * Each item has a red left border and can expand to show details.\n */\nexport const CIFailedRuns: FC<CIFailedRunsProps> = ({ runs }) => {\n  const tr = useTr();\n  const failedRuns = useMemo(\n    () =>\n      runs.filter(\n        (r) =>\n          r.conclusion === 'failure' ||\n          r.conclusion === 'failed' ||\n          r.conclusion === 'timed_out' ||\n          r.conclusion === 'startup_failure'\n      ),\n    [runs]\n  );\n\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());\n\n  const toggleExpand = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  if (failedRuns.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"bg-bg-surface border border-border-default rounded-xl shadow-sm overflow-hidden\">\n      <div className=\"flex items-center gap-2 px-5 py-3 border-b border-border-default\">\n        <AlertTriangle className=\"w-4 h-4 text-status-error-text\" />\n        <h3 className=\"text-sm font-semibold text-text-primary\">\n          {tr('vibecontrols.gitops.ciTab.failedRuns', 'Failed Runs')} ({failedRuns.length})\n        </h3>\n      </div>\n\n      <div className=\"divide-y divide-border-default\">\n        {failedRuns.map((run) => {\n          const isExpanded = expandedIds.has(run.id);\n\n          return (\n            <div key={run.id} className=\"border-l-2 border-l-status-error-text\">\n              <button\n                type=\"button\"\n                onClick={() => toggleExpand(run.id)}\n                className=\"w-full text-left px-5 py-3 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  {isExpanded ? (\n                    <ChevronDown className=\"w-4 h-4 text-text-secondary flex-shrink-0\" />\n                  ) : (\n                    <ChevronRight className=\"w-4 h-4 text-text-secondary flex-shrink-0\" />\n                  )}\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex items-center gap-2 flex-wrap\">\n                      <span className=\"text-sm font-medium text-text-primary truncate\">\n                        {run.workflowName}\n                      </span>\n                      <span className=\"inline-block text-xs font-mono bg-bg-sunken text-text-secondary rounded px-1.5 py-0.5\">\n                        {run.branch}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center gap-3 mt-0.5 text-xs text-text-secondary\">\n                      <span>{relativeTime(run.startedAt)}</span>\n                      {run.durationSeconds != null && (\n                        <span className=\"tabular-nums\">{formatDuration(run.durationSeconds)}</span>\n                      )}\n                      {run.actor && <span>{run.actor}</span>}\n                    </div>\n                  </div>\n                </div>\n              </button>\n\n              <AnimatePresence initial={false}>\n                {isExpanded && (\n                  <motion.div\n                    initial={{ height: 0, opacity: 0 }}\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    transition={{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }}\n                    className=\"overflow-hidden\"\n                  >\n                    <div className=\"px-5 pb-3 ml-6 space-y-2\">\n                      <div className=\"text-xs space-y-1\">\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-text-secondary\">Conclusion:</span>\n                          <span className=\"text-status-error-text font-medium\">\n                            {run.conclusion}\n                          </span>\n                        </div>\n                        {run.event && (\n                          <div className=\"flex items-center gap-2\">\n                            <span className=\"text-text-secondary\">Trigger:</span>\n                            <span className=\"text-text-primary\">{run.event}</span>\n                          </div>\n                        )}\n                        {run.startedAt && (\n                          <div className=\"flex items-center gap-2\">\n                            <span className=\"text-text-secondary\">Started:</span>\n                            <span className=\"text-text-primary\">\n                              {new Date(run.startedAt).toLocaleString()}\n                            </span>\n                          </div>\n                        )}\n                        {run.completedAt && (\n                          <div className=\"flex items-center gap-2\">\n                            <span className=\"text-text-secondary\">Completed:</span>\n                            <span className=\"text-text-primary\">\n                              {new Date(run.completedAt).toLocaleString()}\n                            </span>\n                          </div>\n                        )}\n                      </div>\n                      {run.url && (\n                        <a\n                          href={run.url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"inline-flex items-center gap-1 text-xs text-action-primary-text hover:underline\"\n                        >\n                          <ExternalLink className=\"w-3 h-3\" />\n                          {tr('vibecontrols.gitops.ciTab.viewFullDetails', 'View full details')}\n                        </a>\n                      )}\n                    </div>\n                  </motion.div>\n                )}\n              </AnimatePresence>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/gitops/CIPipelineRunsTable.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { CIPipelineRun } from './types';
+
+interface CIPipelineRunsTableProps {
+    runs: CIPipelineRun[];
+}
+/**
+ * CIPipelineRunsTable renders pipeline runs as a table on desktop
+ * and as cards on mobile.
+ */
+export declare const CIPipelineRunsTable: FC<CIPipelineRunsTableProps>;
+export {};
+//# sourceMappingURL=CIPipelineRunsTable.d.ts.map

package/dist/components/gitops/CIPipelineRunsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CIPipelineRunsTable.d.ts","sourceRoot":"","sources":["../../../src/components/gitops/CIPipelineRunsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,UAAU,wBAAwB;IAChC,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgH5D,CAAC"}