@massdriver/backstage-plugin 1.0.0

package/dist/features/repo/FileTree.esm.js

@@ -0,0 +1,179 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import ChevronRightIcon from '@massdriver/ui/icons/ChevronRightIcon';
+import ExpandMoreIcon from '@massdriver/ui/icons/ExpandMoreIcon';
+import FolderOutlinedIcon from '@massdriver/ui/icons/FolderOutlinedIcon';
+import InsertDriveFileOutlinedIcon from '@massdriver/ui/icons/InsertDriveFileOutlinedIcon';
+import stylin from '@massdriver/ui/stylin';
+import { buildFileTree, ancestorPaths } from './fileTreeHelpers.esm.js';
+
+const FileTree = ({
+  files,
+  selectedPath,
+  onSelectPath
+}) => {
+  const tree = useMemo(() => buildFileTree(files), [files]);
+  const initialExpanded = useMemo(
+    () => ancestorPaths(selectedPath),
+    [selectedPath]
+  );
+  const [expanded, setExpanded] = useState(initialExpanded);
+  const toggleFolder = (path) => setExpanded((prev) => {
+    const next = new Set(prev);
+    if (next.has(path)) next.delete(path);
+    else next.add(path);
+    return next;
+  });
+  const isEmpty = tree.folders.length === 0 && tree.files.length === 0;
+  return /* @__PURE__ */ jsx(Root, { children: isEmpty ? /* @__PURE__ */ jsx(EmptyMessage, { variant: "caption", children: "No files" }) : /* @__PURE__ */ jsx(TreeList, { children: /* @__PURE__ */ jsx(
+    FolderChildren,
+    {
+      node: tree,
+      depth: 0,
+      expanded,
+      onToggle: toggleFolder,
+      selectedPath,
+      onSelectPath
+    }
+  ) }) });
+};
+const FolderChildren = ({
+  node,
+  depth,
+  expanded,
+  onToggle,
+  selectedPath,
+  onSelectPath
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  node.folders.map((folder) => {
+    const isOpen = expanded.has(folder.path);
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(
+        Row,
+        {
+          type: "button",
+          depth,
+          onClick: () => onToggle(folder.path),
+          "aria-expanded": isOpen,
+          children: [
+            isOpen ? /* @__PURE__ */ jsx(OpenCaret, {}) : /* @__PURE__ */ jsx(ClosedCaret, {}),
+            /* @__PURE__ */ jsx(FolderIcon, {}),
+            /* @__PURE__ */ jsx(Label, { children: folder.name })
+          ]
+        }
+      ),
+      isOpen ? /* @__PURE__ */ jsx(
+        FolderChildren,
+        {
+          node: folder,
+          depth: depth + 1,
+          expanded,
+          onToggle,
+          selectedPath,
+          onSelectPath
+        }
+      ) : null
+    ] }, `folder:${folder.path}`);
+  }),
+  node.files.map((file) => {
+    const isSelected = file.path === selectedPath;
+    return /* @__PURE__ */ jsxs(
+      Row,
+      {
+        type: "button",
+        depth,
+        selected: isSelected,
+        onClick: () => onSelectPath(file.path),
+        "aria-current": isSelected ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ jsx(CaretSpacer, {}),
+          /* @__PURE__ */ jsx(FileIcon, {}),
+          /* @__PURE__ */ jsx(Label, { children: file.name })
+        ]
+      },
+      `file:${file.path}`
+    );
+  })
+] });
+const Root = stylin(Box)(({ theme }) => ({
+  height: "100%",
+  overflowY: "auto",
+  padding: theme.spacing(1, 0)
+}));
+const TreeList = stylin(Box)({
+  display: "flex",
+  flexDirection: "column"
+});
+const Row = stylin("button", ["depth", "selected"])(
+  ({
+    theme,
+    depth = 0,
+    selected
+  }) => ({
+    display: "flex",
+    alignItems: "center",
+    gap: theme.spacing(0.75),
+    paddingLeft: `calc(${theme.spacing(1.5)} + ${depth} * ${theme.spacing(2)})`,
+    paddingRight: theme.spacing(1.5),
+    paddingTop: "6px",
+    paddingBottom: "6px",
+    width: "100%",
+    border: "none",
+    background: selected ? theme.palette.action.selected : "transparent",
+    color: theme.palette.text.primary,
+    cursor: "pointer",
+    textAlign: "left",
+    fontFamily: "inherit",
+    fontSize: theme.typography.pxToRem(13),
+    "&:hover": {
+      backgroundColor: selected ? theme.palette.action.selected : theme.palette.action.hover
+    },
+    "&:focus-visible": {
+      outline: `2px solid ${theme.palette.primary.main}`,
+      outlineOffset: "-2px"
+    }
+  })
+);
+const caretStyles = ({ theme }) => ({
+  width: 16,
+  height: 16,
+  color: theme.palette.text.secondary,
+  flex: "0 0 auto"
+});
+const OpenCaret = stylin(ExpandMoreIcon)(caretStyles);
+const ClosedCaret = stylin(ChevronRightIcon)(caretStyles);
+const CaretSpacer = stylin(Box)({
+  width: 16,
+  height: 16,
+  flex: "0 0 auto"
+});
+const FolderIcon = stylin(FolderOutlinedIcon)(({ theme }) => ({
+  width: 16,
+  height: 16,
+  color: theme.palette.text.secondary,
+  flex: "0 0 auto"
+}));
+const FileIcon = stylin(InsertDriveFileOutlinedIcon)(
+  ({ theme }) => ({
+    width: 16,
+    height: 16,
+    color: theme.palette.text.secondary,
+    flex: "0 0 auto"
+  })
+);
+const Label = stylin("span")({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  flex: "1 1 auto"
+});
+const EmptyMessage = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  padding: theme.spacing(1.5),
+  fontStyle: "italic"
+}));
+
+export { FileTree };
+//# sourceMappingURL=FileTree.esm.js.map

package/dist/features/repo/FileTree.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTree.esm.js","sources":["../../../src/features/repo/FileTree.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport ChevronRightIcon from '@massdriver/ui/icons/ChevronRightIcon';\nimport ExpandMoreIcon from '@massdriver/ui/icons/ExpandMoreIcon';\nimport FolderOutlinedIcon from '@massdriver/ui/icons/FolderOutlinedIcon';\nimport InsertDriveFileOutlinedIcon from '@massdriver/ui/icons/InsertDriveFileOutlinedIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { ancestorPaths, buildFileTree, TreeNode } from './fileTreeHelpers';\nimport type { RepoFile } from './types';\n\n// Ported from apps/web/features/repos/components/FileTree/FileTree.js.\nexport const FileTree = ({\n  files,\n  selectedPath,\n  onSelectPath,\n}: {\n  files: RepoFile[];\n  selectedPath: string;\n  onSelectPath: (path: string) => void;\n}) => {\n  const tree = useMemo(() => buildFileTree(files), [files]);\n  const initialExpanded = useMemo(\n    () => ancestorPaths(selectedPath),\n    [selectedPath],\n  );\n  const [expanded, setExpanded] = useState(initialExpanded);\n\n  const toggleFolder = (path: string) =>\n    setExpanded(prev => {\n      const next = new Set(prev);\n      if (next.has(path)) next.delete(path);\n      else next.add(path);\n      return next;\n    });\n\n  const isEmpty = tree.folders.length === 0 && tree.files.length === 0;\n\n  return (\n    <Root>\n      {isEmpty ? (\n        <EmptyMessage variant=\"caption\">No files</EmptyMessage>\n      ) : (\n        <TreeList>\n          <FolderChildren\n            node={tree}\n            depth={0}\n            expanded={expanded}\n            onToggle={toggleFolder}\n            selectedPath={selectedPath}\n            onSelectPath={onSelectPath}\n          />\n        </TreeList>\n      )}\n    </Root>\n  );\n};\n\nconst FolderChildren = ({\n  node,\n  depth,\n  expanded,\n  onToggle,\n  selectedPath,\n  onSelectPath,\n}: {\n  node: TreeNode;\n  depth: number;\n  expanded: Set<string>;\n  onToggle: (path: string) => void;\n  selectedPath: string;\n  onSelectPath: (path: string) => void;\n}) => (\n  <>\n    {node.folders.map(folder => {\n      const isOpen = expanded.has(folder.path);\n      return (\n        <Box key={`folder:${folder.path}`}>\n          <Row\n            type=\"button\"\n            depth={depth}\n            onClick={() => onToggle(folder.path)}\n            aria-expanded={isOpen}\n          >\n            {isOpen ? <OpenCaret /> : <ClosedCaret />}\n            <FolderIcon />\n            <Label>{folder.name}</Label>\n          </Row>\n          {isOpen ? (\n            <FolderChildren\n              node={folder}\n              depth={depth + 1}\n              expanded={expanded}\n              onToggle={onToggle}\n              selectedPath={selectedPath}\n              onSelectPath={onSelectPath}\n            />\n          ) : null}\n        </Box>\n      );\n    })}\n    {node.files.map(file => {\n      const isSelected = file.path === selectedPath;\n      return (\n        <Row\n          key={`file:${file.path}`}\n          type=\"button\"\n          depth={depth}\n          selected={isSelected}\n          onClick={() => onSelectPath(file.path)}\n          aria-current={isSelected ? 'page' : undefined}\n        >\n          <CaretSpacer />\n          <FileIcon />\n          <Label>{file.name}</Label>\n        </Row>\n      );\n    })}\n  </>\n);\n\nexport default FileTree;\n\nconst Root = stylin(Box)(({ theme }: { theme: any }) => ({\n  height: '100%',\n  overflowY: 'auto',\n  padding: theme.spacing(1, 0),\n}));\n\nconst TreeList = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst Row = stylin('button', ['depth', 'selected'])(\n  ({\n    theme,\n    depth = 0,\n    selected,\n  }: {\n    theme: any;\n    depth?: number;\n    selected?: boolean;\n  }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.75),\n    paddingLeft: `calc(${theme.spacing(1.5)} + ${depth} * ${theme.spacing(2)})`,\n    paddingRight: theme.spacing(1.5),\n    paddingTop: '6px',\n    paddingBottom: '6px',\n    width: '100%',\n    border: 'none',\n    background: selected ? theme.palette.action.selected : 'transparent',\n    color: theme.palette.text.primary,\n    cursor: 'pointer',\n    textAlign: 'left',\n    fontFamily: 'inherit',\n    fontSize: theme.typography.pxToRem(13),\n    '&:hover': {\n      backgroundColor: selected\n        ? theme.palette.action.selected\n        : theme.palette.action.hover,\n    },\n    '&:focus-visible': {\n      outline: `2px solid ${theme.palette.primary.main}`,\n      outlineOffset: '-2px',\n    },\n  }),\n);\n\nconst caretStyles = ({ theme }: { theme: any }) => ({\n  width: 16,\n  height: 16,\n  color: theme.palette.text.secondary,\n  flex: '0 0 auto',\n});\n\nconst OpenCaret = stylin(ExpandMoreIcon)(caretStyles);\nconst ClosedCaret = stylin(ChevronRightIcon)(caretStyles);\n\nconst CaretSpacer = stylin(Box)({\n  width: 16,\n  height: 16,\n  flex: '0 0 auto',\n});\n\nconst FolderIcon = stylin(FolderOutlinedIcon)(({ theme }: { theme: any }) => ({\n  width: 16,\n  height: 16,\n  color: theme.palette.text.secondary,\n  flex: '0 0 auto',\n}));\n\nconst FileIcon = stylin(InsertDriveFileOutlinedIcon)(\n  ({ theme }: { theme: any }) => ({\n    width: 16,\n    height: 16,\n    color: theme.palette.text.secondary,\n    flex: '0 0 auto',\n  }),\n);\n\nconst Label = stylin('span')({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  flex: '1 1 auto',\n});\n\nconst EmptyMessage = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  padding: theme.spacing(1.5),\n  fontStyle: 'italic',\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/repo/FileViewer.esm.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/frontend-plugin-api';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import CodeViewer from '@massdriver/ui/CodeViewer';
+import GuideMarkdown from '@massdriver/ui/GuideMarkdown';
+import Skeleton from '@massdriver/ui/Skeleton';
+import Typography from '@massdriver/ui/Typography';
+import DescriptionOutlinedIcon from '@massdriver/ui/icons/DescriptionOutlinedIcon';
+import stylin from '@massdriver/ui/stylin';
+import { massdriverApiRef } from '../../api.esm.js';
+import { RepoEmptyState } from './RepoEmptyState.esm.js';
+import { isMarkdownFile, languageFromExtension } from './FileViewer.helpers.esm.js';
+
+const FileViewer = ({ file }) => {
+  const api = useApi(massdriverApiRef);
+  const [content, setContent] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!file?.url) {
+      setContent(null);
+      setLoading(false);
+      setError(null);
+      return void 0;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    setContent(null);
+    api.fetchText(file.url).then((text) => {
+      if (cancelled) return;
+      setContent(text);
+      setLoading(false);
+    }).catch((caught) => {
+      if (cancelled) return;
+      setError(caught.message || "Could not load file.");
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, file?.url]);
+  if (!file) {
+    return /* @__PURE__ */ jsx(EmptyContainer, { children: /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(DescriptionOutlinedIcon, {}),
+        title: "Select a file",
+        description: "Pick a file in the tree to preview its contents."
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(FileHeader, { children: file.name }),
+    loading ? /* @__PURE__ */ jsx(SkeletonRows, {}) : error ? /* @__PURE__ */ jsx(Padded, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: error }) }) : content ? /* @__PURE__ */ jsx(Body, { children: isMarkdownFile(file.name) ? /* @__PURE__ */ jsx(MarkdownWrapper, { children: /* @__PURE__ */ jsx(GuideMarkdown, { shouldLinkHeadings: true, children: content }) }) : /* @__PURE__ */ jsx(CodeViewer, { language: languageFromExtension(file.name), children: content }) }) : /* @__PURE__ */ jsx(EmptyContainer, { children: /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        title: "Empty file",
+        description: "This file is empty."
+      }
+    ) })
+  ] });
+};
+const SkeletonRows = () => /* @__PURE__ */ jsx(SkeletonWrapper, { children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(
+  Skeleton,
+  {
+    variant: "text",
+    width: `${60 + index * 7 % 35}%`,
+    height: 16
+  },
+  index
+)) });
+const Container = stylin(Box)({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  minHeight: 0
+});
+const FileHeader = stylin(Typography)(({ theme }) => ({
+  fontFamily: theme.typography.fontFamilyMono,
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary,
+  padding: theme.spacing(1, 2),
+  borderBottom: `1px solid ${theme.palette.divider}`
+}));
+const Body = stylin(Box)(({ theme }) => ({
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflow: "auto",
+  padding: theme.spacing(2)
+}));
+const MarkdownWrapper = stylin(Box)({
+  maxWidth: "100%"
+});
+const SkeletonWrapper = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(2),
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+const EmptyContainer = stylin(Box)(({ theme }) => ({
+  flex: "1 1 auto",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: theme.spacing(4)
+}));
+const Padded = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(2)
+}));
+
+export { FileViewer };
+//# sourceMappingURL=FileViewer.esm.js.map

package/dist/features/repo/FileViewer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileViewer.esm.js","sources":["../../../src/features/repo/FileViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport CodeViewer from '@massdriver/ui/CodeViewer';\nimport GuideMarkdown from '@massdriver/ui/GuideMarkdown';\nimport Skeleton from '@massdriver/ui/Skeleton';\nimport Typography from '@massdriver/ui/Typography';\nimport DescriptionOutlinedIcon from '@massdriver/ui/icons/DescriptionOutlinedIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { massdriverApiRef } from '../../api';\nimport { RepoEmptyState } from './RepoEmptyState';\nimport { isMarkdownFile, languageFromExtension } from './FileViewer.helpers';\nimport type { RepoFile } from './types';\n\n// Ported from apps/web/features/repos/components/FileViewer/ (container + view\n// merged). The web app fetches file contents directly with the browser's\n// Massdriver token; here the fetch goes through the backend content proxy\n// (api.fetchText), so the real contents render inline (markdown via\n// GuideMarkdown, everything else via CodeViewer) exactly like the web app.\nexport const FileViewer = ({ file }: { file: RepoFile | null }) => {\n  const api = useApi(massdriverApiRef);\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!file?.url) {\n      setContent(null);\n      setLoading(false);\n      setError(null);\n      return undefined;\n    }\n\n    let cancelled = false;\n    setLoading(true);\n    setError(null);\n    setContent(null);\n\n    api\n      .fetchText(file.url)\n      .then(text => {\n        if (cancelled) return;\n        setContent(text);\n        setLoading(false);\n      })\n      .catch(caught => {\n        if (cancelled) return;\n        setError((caught as Error).message || 'Could not load file.');\n        setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [api, file?.url]);\n\n  if (!file) {\n    return (\n      <EmptyContainer>\n        <RepoEmptyState\n          icon={<DescriptionOutlinedIcon />}\n          title=\"Select a file\"\n          description=\"Pick a file in the tree to preview its contents.\"\n        />\n      </EmptyContainer>\n    );\n  }\n\n  return (\n    <Container>\n      <FileHeader>{file.name}</FileHeader>\n      {loading ? (\n        <SkeletonRows />\n      ) : error ? (\n        <Padded>\n          <Alert severity=\"error\">{error}</Alert>\n        </Padded>\n      ) : content ? (\n        <Body>\n          {isMarkdownFile(file.name) ? (\n            <MarkdownWrapper>\n              <GuideMarkdown shouldLinkHeadings>{content}</GuideMarkdown>\n            </MarkdownWrapper>\n          ) : (\n            <CodeViewer language={languageFromExtension(file.name)}>\n              {content}\n            </CodeViewer>\n          )}\n        </Body>\n      ) : (\n        <EmptyContainer>\n          <RepoEmptyState\n            title=\"Empty file\"\n            description=\"This file is empty.\"\n          />\n        </EmptyContainer>\n      )}\n    </Container>\n  );\n};\n\nexport default FileViewer;\n\nconst SkeletonRows = () => (\n  <SkeletonWrapper>\n    {Array.from({ length: 8 }).map((_, index) => (\n      <Skeleton\n        key={index}\n        variant=\"text\"\n        width={`${60 + ((index * 7) % 35)}%`}\n        height={16}\n      />\n    ))}\n  </SkeletonWrapper>\n);\n\nconst Container = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  minHeight: 0,\n});\n\nconst FileHeader = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontFamily: theme.typography.fontFamilyMono,\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.secondary,\n  padding: theme.spacing(1, 2),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nconst Body = stylin(Box)(({ theme }: { theme: any }) => ({\n  flex: '1 1 auto',\n  minHeight: 0,\n  overflow: 'auto',\n  padding: theme.spacing(2),\n}));\n\nconst MarkdownWrapper = stylin(Box)({\n  maxWidth: '100%',\n});\n\nconst SkeletonWrapper = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(2),\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\nconst EmptyContainer = stylin(Box)(({ theme }: { theme: any }) => ({\n  flex: '1 1 auto',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(4),\n}));\n\nconst Padded = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(2),\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/repo/FileViewer.helpers.esm.js

@@ -0,0 +1,54 @@
+const EXTENSION_LANGUAGE_MAP = {
+  md: "markdown",
+  markdown: "markdown",
+  tf: "hcl",
+  tfvars: "hcl",
+  hcl: "hcl",
+  json: "json",
+  yaml: "yaml",
+  yml: "yaml",
+  toml: "toml",
+  js: "javascript",
+  jsx: "jsx",
+  mjs: "javascript",
+  cjs: "javascript",
+  ts: "typescript",
+  tsx: "tsx",
+  py: "python",
+  rb: "ruby",
+  go: "go",
+  rs: "rust",
+  java: "java",
+  kt: "kotlin",
+  c: "c",
+  cpp: "cpp",
+  cs: "csharp",
+  sh: "bash",
+  bash: "bash",
+  zsh: "bash",
+  ps1: "powershell",
+  sql: "sql",
+  html: "html",
+  css: "css",
+  scss: "scss",
+  xml: "xml",
+  graphql: "graphql",
+  gql: "graphql",
+  proto: "protobuf",
+  dockerfile: "docker",
+  ex: "elixir",
+  exs: "elixir"
+};
+const isMarkdownFile = (name) => /\.(md|markdown)$/i.test(name ?? "");
+const languageFromExtension = (name) => {
+  if (!name) return "text";
+  const baseName = name.split("/").pop() ?? "";
+  if (baseName.toLowerCase() === "dockerfile") return "docker";
+  const dotIndex = baseName.lastIndexOf(".");
+  if (dotIndex <= 0 || dotIndex === baseName.length - 1) return "text";
+  const ext = baseName.slice(dotIndex + 1).toLowerCase();
+  return EXTENSION_LANGUAGE_MAP[ext] ?? "text";
+};
+
+export { isMarkdownFile, languageFromExtension };
+//# sourceMappingURL=FileViewer.helpers.esm.js.map

package/dist/features/repo/FileViewer.helpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileViewer.helpers.esm.js","sources":["../../../src/features/repo/FileViewer.helpers.ts"],"sourcesContent":["// Ported from apps/web/features/repos/components/FileViewer/FileViewer.helpers.js.\nconst EXTENSION_LANGUAGE_MAP: Record<string, string> = {\n  md: 'markdown',\n  markdown: 'markdown',\n  tf: 'hcl',\n  tfvars: 'hcl',\n  hcl: 'hcl',\n  json: 'json',\n  yaml: 'yaml',\n  yml: 'yaml',\n  toml: 'toml',\n  js: 'javascript',\n  jsx: 'jsx',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  ts: 'typescript',\n  tsx: 'tsx',\n  py: 'python',\n  rb: 'ruby',\n  go: 'go',\n  rs: 'rust',\n  java: 'java',\n  kt: 'kotlin',\n  c: 'c',\n  cpp: 'cpp',\n  cs: 'csharp',\n  sh: 'bash',\n  bash: 'bash',\n  zsh: 'bash',\n  ps1: 'powershell',\n  sql: 'sql',\n  html: 'html',\n  css: 'css',\n  scss: 'scss',\n  xml: 'xml',\n  graphql: 'graphql',\n  gql: 'graphql',\n  proto: 'protobuf',\n  dockerfile: 'docker',\n  ex: 'elixir',\n  exs: 'elixir',\n};\n\nexport const isMarkdownFile = (name?: string | null): boolean =>\n  /\\.(md|markdown)$/i.test(name ?? '');\n\nexport const languageFromExtension = (name?: string | null): string => {\n  if (!name) return 'text';\n  const baseName = name.split('/').pop() ?? '';\n  if (baseName.toLowerCase() === 'dockerfile') return 'docker';\n  const dotIndex = baseName.lastIndexOf('.');\n  if (dotIndex <= 0 || dotIndex === baseName.length - 1) return 'text';\n  const ext = baseName.slice(dotIndex + 1).toLowerCase();\n  return EXTENSION_LANGUAGE_MAP[ext] ?? 'text';\n};\n"],"names":[],"mappings":"AACA,MAAM,sBAAA,GAAiD;AAAA,EACrD,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU,UAAA;AAAA,EACV,EAAA,EAAI,KAAA;AAAA,EACJ,MAAA,EAAQ,KAAA;AAAA,EACR,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,MAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,EAAA,EAAI,YAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,EAAA,EAAI,QAAA;AAAA,EACJ,CAAA,EAAG,GAAA;AAAA,EACH,GAAA,EAAK,KAAA;AAAA,EACL,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,MAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,GAAA,EAAK,SAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA,EACP,UAAA,EAAY,QAAA;AAAA,EACZ,EAAA,EAAI,QAAA;AAAA,EACJ,GAAA,EAAK;AACP,CAAA;AAEO,MAAM,iBAAiB,CAAC,IAAA,KAC7B,mBAAA,CAAoB,IAAA,CAAK,QAAQ,EAAE;AAE9B,MAAM,qBAAA,GAAwB,CAAC,IAAA,KAAiC;AACrE,EAAA,IAAI,CAAC,MAAM,OAAO,MAAA;AAClB,EAAA,MAAM,WAAW,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,CAAE,KAAI,IAAK,EAAA;AAC1C,EAAA,IAAI,QAAA,CAAS,WAAA,EAAY,KAAM,YAAA,EAAc,OAAO,QAAA;AACpD,EAAA,MAAM,QAAA,GAAW,QAAA,CAAS,WAAA,CAAY,GAAG,CAAA;AACzC,EAAA,IAAI,YAAY,CAAA,IAAK,QAAA,KAAa,QAAA,CAAS,MAAA,GAAS,GAAG,OAAO,MAAA;AAC9D,EAAA,MAAM,MAAM,QAAA,CAAS,KAAA,CAAM,QAAA,GAAW,CAAC,EAAE,WAAA,EAAY;AACrD,EAAA,OAAO,sBAAA,CAAuB,GAAG,CAAA,IAAK,MAAA;AACxC;;;;"}

package/dist/features/repo/RepoDetailsPage.esm.js

@@ -0,0 +1,127 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { repoTabUrl } from '@massdriver/backstage-plugin-common';
+import Box from '@massdriver/ui/Box';
+import PageTabs from '@massdriver/ui/PageTabs';
+import stylin from '@massdriver/ui/stylin';
+import useAsync from 'react-use/esm/useAsync';
+import { useNavigate, useParams } from 'react-router-dom';
+import { massdriverApiRef } from '../../api.esm.js';
+import { NotFound } from '../../components/NotFound.esm.js';
+import { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton.esm.js';
+import { PageLayout } from '../../components/PageLayout.esm.js';
+import { RouterLinkAdapter } from '../../components/RouterLinkAdapter.esm.js';
+import { internalRoutes } from '../../internalRoutes.esm.js';
+import { OCI_REPO_HEADER_QUERY } from './queries.esm.js';
+import { resolveActiveRepoTab, REPO_TABS } from './repoTabs.esm.js';
+import { ALL_VERSIONS } from './resolveVersion.esm.js';
+import { RepoVersionSelect } from './RepoVersionSelect.esm.js';
+import { ViewDeploymentDetailsDialog } from './ViewDeploymentDetailsDialog.esm.js';
+import { DeploymentLogsDrawer } from './DeploymentLogsDrawer.esm.js';
+import { OverviewTab } from './tabs/OverviewTab.esm.js';
+import { InstancesTab } from './tabs/InstancesTab.esm.js';
+import { DeploymentsTab } from './tabs/DeploymentsTab.esm.js';
+import { FilesTab } from './tabs/FilesTab.esm.js';
+import { VersionsTab } from './tabs/VersionsTab.esm.js';
+import { PermissionsTab } from './tabs/PermissionsTab.esm.js';
+
+const PANELS = {
+  overview: OverviewTab,
+  instances: InstancesTab,
+  deployments: DeploymentsTab,
+  files: FilesTab,
+  versions: VersionsTab,
+  permissions: PermissionsTab
+};
+const buildTitle = (repo, repoId, version) => {
+  const name = repo?.name ?? repoId ?? "";
+  if (!name) return "";
+  return version && version !== ALL_VERSIONS ? `${name}@${version}` : name;
+};
+const RepoDetailsPage = () => {
+  const api = useApi(massdriverApiRef);
+  const navigate = useNavigate();
+  const params = useParams();
+  const repoId = decodeURIComponent(params.repoId ?? "");
+  const version = decodeURIComponent(params.version ?? ALL_VERSIONS);
+  const activeTab = resolveActiveRepoTab(params.tab);
+  const {
+    value: repo,
+    loading,
+    error
+  } = useAsync(async () => {
+    const data = await api.query(OCI_REPO_HEADER_QUERY, { id: repoId });
+    return data.ociRepo;
+  }, [api, repoId]);
+  if (!loading && !error && !repo) {
+    return /* @__PURE__ */ jsx(
+      NotFound,
+      {
+        title: "Repository not found",
+        message: "This repository doesn't exist or you don't have access to it."
+      }
+    );
+  }
+  const hasNoVersions = Boolean(repo) && (repo?.tags?.items?.length ?? 0) === 0;
+  const tabs = REPO_TABS.map((tab) => ({
+    ...tab,
+    href: internalRoutes.repositoryTab(repoId, version, tab.id)
+  }));
+  const onVersionChange = (nextVersion) => navigate(internalRoutes.repositoryTab(repoId, nextVersion, activeTab));
+  return /* @__PURE__ */ jsxs(
+    PageLayout,
+    {
+      title: buildTitle(repo ?? null, repoId, version),
+      description: repo?.description,
+      headerActions: /* @__PURE__ */ jsxs(HeaderActions, { children: [
+        /* @__PURE__ */ jsx(
+          RepoVersionSelect,
+          {
+            repo,
+            currentVersion: version,
+            onChange: onVersionChange,
+            disabled: !repo && !error
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          OpenInMassdriverButton,
+          {
+            url: repoTabUrl(
+              api.appUrl,
+              api.organizationId,
+              repoId,
+              version,
+              activeTab
+            ),
+            variant: "outlined",
+            children: "Open in Massdriver"
+          }
+        )
+      ] }),
+      flush: true,
+      children: [
+        /* @__PURE__ */ jsx(
+          PageTabs,
+          {
+            orientation: "vertical",
+            tabs,
+            panels: PANELS,
+            activeTab,
+            panelProps: { repoId, version, repo: repo ?? null, hasNoVersions },
+            LinkComponent: RouterLinkAdapter
+          }
+        ),
+        /* @__PURE__ */ jsx(ViewDeploymentDetailsDialog, {}),
+        /* @__PURE__ */ jsx(DeploymentLogsDrawer, {})
+      ]
+    }
+  );
+};
+const HeaderActions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5)
+}));
+
+export { RepoDetailsPage };
+//# sourceMappingURL=RepoDetailsPage.esm.js.map

package/dist/features/repo/RepoDetailsPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepoDetailsPage.esm.js","sources":["../../../src/features/repo/RepoDetailsPage.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { repoTabUrl } from '@massdriver/backstage-plugin-common';\nimport Box from '@massdriver/ui/Box';\nimport PageTabs from '@massdriver/ui/PageTabs';\nimport stylin from '@massdriver/ui/stylin';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { massdriverApiRef } from '../../api';\nimport { NotFound } from '../../components/NotFound';\nimport { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton';\nimport { PageLayout } from '../../components/PageLayout';\nimport { RouterLinkAdapter } from '../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../internalRoutes';\nimport { OCI_REPO_HEADER_QUERY } from './queries';\nimport { REPO_TABS, resolveActiveRepoTab } from './repoTabs';\nimport { ALL_VERSIONS } from './resolveVersion';\nimport { RepoVersionSelect } from './RepoVersionSelect';\nimport { ViewDeploymentDetailsDialog } from './ViewDeploymentDetailsDialog';\nimport { DeploymentLogsDrawer } from './DeploymentLogsDrawer';\nimport { RepoHeader } from './types';\nimport { OverviewTab } from './tabs/OverviewTab';\nimport { InstancesTab } from './tabs/InstancesTab';\nimport { DeploymentsTab } from './tabs/DeploymentsTab';\nimport { FilesTab } from './tabs/FilesTab';\nimport { VersionsTab } from './tabs/VersionsTab';\nimport { PermissionsTab } from './tabs/PermissionsTab';\n\nexport interface RepoTabProps {\n  repoId: string;\n  version: string;\n  repo: RepoHeader | null;\n  hasNoVersions: boolean;\n}\n\nconst PANELS: Record<string, (props: RepoTabProps) => JSX.Element> = {\n  overview: OverviewTab,\n  instances: InstancesTab,\n  deployments: DeploymentsTab,\n  files: FilesTab,\n  versions: VersionsTab,\n  permissions: PermissionsTab,\n};\n\nconst buildTitle = (\n  repo: RepoHeader | null,\n  repoId: string,\n  version: string,\n): string => {\n  const name = repo?.name ?? repoId ?? '';\n  if (!name) return '';\n  return version && version !== ALL_VERSIONS ? `${name}@${version}` : name;\n};\n\n// Ported from apps/web/features/repos/pages/RepoDetailsPage.js. repoId/version\n// arrive percent-encoded in the URL — decode before using as API values.\nexport const RepoDetailsPage = () => {\n  const api = useApi(massdriverApiRef);\n  const navigate = useNavigate();\n  const params = useParams();\n  const repoId = decodeURIComponent(params.repoId ?? '');\n  const version = decodeURIComponent(params.version ?? ALL_VERSIONS);\n  const activeTab = resolveActiveRepoTab(params.tab);\n\n  const {\n    value: repo,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const data = (await api.query(OCI_REPO_HEADER_QUERY, { id: repoId })) as {\n      ociRepo: RepoHeader | null;\n    };\n    return data.ociRepo;\n  }, [api, repoId]);\n\n  if (!loading && !error && !repo) {\n    return (\n      <NotFound\n        title=\"Repository not found\"\n        message=\"This repository doesn't exist or you don't have access to it.\"\n      />\n    );\n  }\n\n  const hasNoVersions = Boolean(repo) && (repo?.tags?.items?.length ?? 0) === 0;\n\n  const tabs = REPO_TABS.map(tab => ({\n    ...tab,\n    href: internalRoutes.repositoryTab(repoId, version, tab.id),\n  }));\n\n  const onVersionChange = (nextVersion: string) =>\n    navigate(internalRoutes.repositoryTab(repoId, nextVersion, activeTab));\n\n  return (\n    <PageLayout\n      title={buildTitle(repo ?? null, repoId, version)}\n      description={repo?.description}\n      headerActions={\n        <HeaderActions>\n          <RepoVersionSelect\n            repo={repo}\n            currentVersion={version}\n            onChange={onVersionChange}\n            disabled={!repo && !error}\n          />\n          <OpenInMassdriverButton\n            url={repoTabUrl(\n              api.appUrl,\n              api.organizationId,\n              repoId,\n              version,\n              activeTab,\n            )}\n            variant=\"outlined\"\n          >\n            Open in Massdriver\n          </OpenInMassdriverButton>\n        </HeaderActions>\n      }\n      flush\n    >\n      <PageTabs\n        orientation=\"vertical\"\n        tabs={tabs}\n        panels={PANELS}\n        activeTab={activeTab}\n        panelProps={{ repoId, version, repo: repo ?? null, hasNoVersions }}\n        LinkComponent={RouterLinkAdapter}\n      />\n      <ViewDeploymentDetailsDialog />\n      <DeploymentLogsDrawer />\n    </PageLayout>\n  );\n};\n\nconst HeaderActions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/repo/RepoEmptyState.esm.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import stylin from '@massdriver/ui/stylin';
+
+const RepoEmptyState = ({
+  variant = "prominent",
+  icon,
+  title,
+  description,
+  action
+}) => {
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx(InlineMessage, { children: description ?? title });
+  }
+  return /* @__PURE__ */ jsxs(ProminentRoot, { children: [
+    icon ? /* @__PURE__ */ jsx(IconCircle, { children: icon }) : null,
+    title ? /* @__PURE__ */ jsx(Title, { variant: "body2", children: title }) : null,
+    description ? /* @__PURE__ */ jsx(Description, { variant: "caption", children: description }) : null,
+    action ? /* @__PURE__ */ jsx(ActionRow, { children: action }) : null
+  ] });
+};
+const ProminentRoot = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  padding: theme.spacing(6, 2),
+  textAlign: "center"
+}));
+const IconCircle = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: theme.spacing(6),
+  height: theme.spacing(6),
+  borderRadius: "50%",
+  backgroundColor: theme.palette.action.hover,
+  color: theme.palette.text.disabled,
+  "& svg": { width: theme.spacing(3), height: theme.spacing(3) }
+}));
+const Title = stylin(Typography)({
+  fontWeight: 600
+});
+const Description = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary
+}));
+const ActionRow = stylin(Box)(({ theme }) => ({
+  marginTop: theme.spacing(0.5)
+}));
+const InlineMessage = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary,
+  fontStyle: "italic"
+}));
+
+export { RepoEmptyState };
+//# sourceMappingURL=RepoEmptyState.esm.js.map

package/dist/features/repo/RepoEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepoEmptyState.esm.js","sources":["../../../src/features/repo/RepoEmptyState.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport stylin from '@massdriver/ui/stylin';\nimport { ReactNode } from 'react';\n\n// Ported from apps/web/shared/components/EmptyState.js — the shared repo-feature\n// empty state (a disabled-tint icon circle + title + description + optional\n// action). `inline` renders just an italic caption for compact contexts.\nexport const RepoEmptyState = ({\n  variant = 'prominent',\n  icon,\n  title,\n  description,\n  action,\n}: {\n  variant?: 'prominent' | 'inline';\n  icon?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n}) => {\n  if (variant === 'inline') {\n    return <InlineMessage>{description ?? title}</InlineMessage>;\n  }\n\n  return (\n    <ProminentRoot>\n      {icon ? <IconCircle>{icon}</IconCircle> : null}\n      {title ? <Title variant=\"body2\">{title}</Title> : null}\n      {description ? (\n        <Description variant=\"caption\">{description}</Description>\n      ) : null}\n      {action ? <ActionRow>{action}</ActionRow> : null}\n    </ProminentRoot>\n  );\n};\n\nexport default RepoEmptyState;\n\nconst ProminentRoot = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(6, 2),\n  textAlign: 'center',\n}));\n\nconst IconCircle = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: theme.spacing(6),\n  height: theme.spacing(6),\n  borderRadius: '50%',\n  backgroundColor: theme.palette.action.hover,\n  color: theme.palette.text.disabled,\n  '& svg': { width: theme.spacing(3), height: theme.spacing(3) },\n}));\n\nconst Title = stylin(Typography)({\n  fontWeight: 600,\n});\n\nconst Description = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n}));\n\nconst ActionRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  marginTop: theme.spacing(0.5),\n}));\n\nconst InlineMessage = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.secondary,\n  fontStyle: 'italic',\n}));\n"],"names":[],"mappings":";;;;;AAQO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,OAAA,GAAU,WAAA;AAAA,EACV,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,KAMM;AACJ,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAe,QAAA,EAAA,WAAA,IAAe,KAAA,EAAM,CAAA;AAAA,EAC9C;AAEA,EAAA,4BACG,aAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,IAAA,mBAAO,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,IAAA,EAAK,CAAA,GAAgB,IAAA;AAAA,IACzC,wBAAQ,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAQ,OAAA,EAAS,iBAAM,CAAA,GAAW,IAAA;AAAA,IACjD,8BACC,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAQ,SAAA,EAAW,uBAAY,CAAA,GAC1C,IAAA;AAAA,IACH,MAAA,mBAAS,GAAA,CAAC,SAAA,EAAA,EAAW,QAAA,EAAA,MAAA,EAAO,CAAA,GAAe;AAAA,GAAA,EAC9C,CAAA;AAEJ;AAIA,MAAM,gBAAgB,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAChE,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,EAC3B,SAAA,EAAW;AACb,CAAA,CAAE,CAAA;AAEF,MAAM,aAAa,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC7D,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACtB,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACvB,YAAA,EAAc,KAAA;AAAA,EACd,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,EACtC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,QAAA;AAAA,EAC1B,OAAA,EAAS,EAAE,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAC7D,CAAA,CAAE,CAAA;AAEF,MAAM,KAAA,GAAQ,MAAA,CAAO,UAAU,CAAA,CAAE;AAAA,EAC/B,UAAA,EAAY;AACd,CAAC,CAAA;AAED,MAAM,cAAc,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACrE,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,YAAY,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC5D,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,GAAG;AAC9B,CAAA,CAAE,CAAA;AAEF,MAAM,gBAAgB,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvE,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,SAAA,EAAW;AACb,CAAA,CAAE,CAAA;;;;"}

package/dist/features/repo/RepoNoVersionsState.esm.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import Button from '@massdriver/ui/Button';
+import RocketLaunchOutlinedIcon from '@massdriver/ui/icons/RocketLaunchOutlinedIcon';
+import { RepoEmptyState } from './RepoEmptyState.esm.js';
+
+const PUBLISH_DOCS_URL = "https://docs.massdriver.cloud/bundle-development/publishing/versioning";
+const RepoNoVersionsState = ({
+  tabLabel = "content"
+}) => /* @__PURE__ */ jsx(
+  RepoEmptyState,
+  {
+    icon: /* @__PURE__ */ jsx(RocketLaunchOutlinedIcon, {}),
+    title: "No versions yet",
+    description: `Publish your first version to see ${tabLabel} here.`,
+    action: /* @__PURE__ */ jsx(
+      Button,
+      {
+        href: PUBLISH_DOCS_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        variant: "outlined",
+        children: "View publishing docs"
+      }
+    )
+  }
+);
+
+export { RepoNoVersionsState };
+//# sourceMappingURL=RepoNoVersionsState.esm.js.map

package/dist/features/repo/RepoNoVersionsState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepoNoVersionsState.esm.js","sources":["../../../src/features/repo/RepoNoVersionsState.tsx"],"sourcesContent":["import Button from '@massdriver/ui/Button';\nimport RocketLaunchOutlinedIcon from '@massdriver/ui/icons/RocketLaunchOutlinedIcon';\nimport { RepoEmptyState } from './RepoEmptyState';\n\n// Ported from apps/web/features/repos/components/RepoNoVersionsState/ — the same\n// empty state (via the shared RepoEmptyState), copy, and publishing-docs link.\nconst PUBLISH_DOCS_URL =\n  'https://docs.massdriver.cloud/bundle-development/publishing/versioning';\n\nexport const RepoNoVersionsState = ({\n  tabLabel = 'content',\n}: {\n  tabLabel?: string;\n}) => (\n  <RepoEmptyState\n    icon={<RocketLaunchOutlinedIcon />}\n    title=\"No versions yet\"\n    description={`Publish your first version to see ${tabLabel} here.`}\n    action={\n      <Button\n        href={PUBLISH_DOCS_URL}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        variant=\"outlined\"\n      >\n        View publishing docs\n      </Button>\n    }\n  />\n);\n\nexport default RepoNoVersionsState;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,gBAAA,GACJ,wEAAA;AAEK,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA,GAAW;AACb,CAAA,qBAGE,GAAA;AAAA,EAAC,cAAA;AAAA,EAAA;AAAA,IACC,IAAA,sBAAO,wBAAA,EAAA,EAAyB,CAAA;AAAA,IAChC,KAAA,EAAM,iBAAA;AAAA,IACN,WAAA,EAAa,qCAAqC,QAAQ,CAAA,MAAA,CAAA;AAAA,IAC1D,MAAA,kBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,gBAAA;AAAA,QACN,MAAA,EAAO,QAAA;AAAA,QACP,GAAA,EAAI,qBAAA;AAAA,QACJ,OAAA,EAAQ,UAAA;AAAA,QACT,QAAA,EAAA;AAAA;AAAA;AAED;AAEJ;;;;"}