@exagone313/dsh-podman 0.2.0-rc.2

package/dist/client/index.js

@@ -0,0 +1,4419 @@
+window.__ModuleLoader__.load({ id: "@exagone313/dsh-podman", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/directory-picker.ts
+var DirectoryPickerError = class extends Error {
+  constructor(failure2) {
+    super(
+      typeof failure2?.message === "string" && failure2.message !== "" ? failure2.message : "directory listing failed"
+    );
+    __publicField(this, "code");
+    this.code = typeof failure2?.code === "string" ? failure2.code : "";
+  }
+};
+function buildDirectoryPicker(remote) {
+  const picker = remote?.directoryPicker;
+  if (picker === void 0 || typeof picker.list !== "function") return void 0;
+  return {
+    async list(path, signal) {
+      const result = await picker.list(path, signal);
+      if (result?.ok === false) throw new DirectoryPickerError(result.error);
+      return result.value;
+    }
+  };
+}
+
+// src/client/container-card-styles.ts
+var cardStyle = {
+  listStyle: "none",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: "12px",
+  background: "var(--dsw-alias-bg-layer-3)",
+  transition: "border-color .16s, background .16s"
+};
+var cardOpenStyle = {
+  background: "var(--dsw-alias-bg-layer-2)",
+  borderColor: "var(--dsw-alias-label-dimmed)"
+};
+var cardHoverStyle = {
+  borderColor: "var(--dsw-alias-label-dimmed)"
+};
+var cardHeaderStyle = {
+  width: "100%",
+  appearance: "none",
+  border: 0,
+  background: "none",
+  font: "inherit",
+  color: "inherit",
+  textAlign: "left",
+  cursor: "pointer",
+  display: "flex",
+  alignItems: "center",
+  gap: "12px",
+  padding: "14px 16px",
+  borderRadius: "12px"
+};
+var cardHeadTextStyle = {
+  flex: 1,
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: "4px"
+};
+var cardNameStyle = {
+  fontSize: "15px",
+  fontWeight: 600,
+  lineHeight: 1.4,
+  color: "var(--dsw-alias-label-primary)"
+};
+var cardDescriptionStyle = {
+  fontSize: "13px",
+  lineHeight: 1.5,
+  color: "var(--dsw-alias-label-tertiary)"
+};
+var cardBodyStyle = {
+  borderTop: "1px solid var(--dsw-alias-border-l2)",
+  margin: "0 16px",
+  paddingBottom: "8px"
+};
+var sectionTitle = {
+  fontWeight: 600,
+  margin: "16px 0 8px",
+  fontSize: "13px",
+  color: "var(--dsw-alias-label-secondary)",
+  textTransform: "uppercase",
+  letterSpacing: "0.04em"
+};
+var banner = {
+  padding: "6px 10px",
+  borderRadius: "6px",
+  border: "1px solid rgba(210,153,34,0.6)",
+  margin: "12px 0",
+  fontSize: "13px"
+};
+var greyId = {
+  color: "var(--dsw-alias-label-tertiary)",
+  fontSize: "12px",
+  fontFamily: "var(--dsw-alias-font-mono, ui-monospace, monospace)"
+};
+var hint = {
+  fontSize: "13px",
+  color: "var(--dsw-alias-label-tertiary)",
+  margin: "8px 0"
+};
+var wsBody = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "8px",
+  padding: "10px 0 12px"
+};
+var containerRow = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "8px",
+  padding: "10px 12px",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: "10px",
+  background: "var(--dsw-alias-bg-layer-3)"
+};
+var containerHeader = {
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  gap: "8px"
+};
+var actions = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "8px",
+  alignItems: "center"
+};
+var footerRow = {
+  display: "flex",
+  justifyContent: "flex-end",
+  paddingTop: "12px",
+  marginTop: "12px",
+  borderTop: "1px solid var(--dsw-alias-border-l2)"
+};
+var tableStyle = {
+  width: "100%",
+  borderCollapse: "collapse",
+  fontSize: "13px"
+};
+var thStyle = {
+  textAlign: "left",
+  padding: "6px 10px",
+  borderBottom: "1px solid var(--dsw-alias-border-l2)",
+  color: "var(--dsw-alias-label-secondary)",
+  fontWeight: 600,
+  whiteSpace: "nowrap"
+};
+var tdStyle = {
+  padding: "6px 10px",
+  borderBottom: "1px solid var(--dsw-alias-border-l2)",
+  color: "var(--dsw-alias-label-primary)",
+  verticalAlign: "top"
+};
+var imageSelect = {
+  appearance: "none",
+  padding: "4px 8px",
+  borderRadius: "8px",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  background: "var(--dsw-alias-bg-layer-3)",
+  color: "inherit",
+  fontSize: "12px",
+  maxWidth: "160px"
+};
+
+// src/client/container-card-shared.tsx
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CardChevron({ open }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      viewBox: "0 0 14 14",
+      width: "14",
+      height: "14",
+      "aria-hidden": "true",
+      style: {
+        flex: "none",
+        color: "var(--dsw-alias-label-tertiary)",
+        transition: "transform .16s",
+        transform: open ? "rotate(180deg)" : void 0
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M3 5l4 4 4-4",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function containerStateDot(status) {
+  return status === "running" ? "done" : "error";
+}
+function ConfigField(props) {
+  const { t, label, value, current, writable, onChange, onSave, onDiscard } = props;
+  const id = (0, import_react.useId)();
+  const dirty = value !== current;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px 0"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "label",
+          {
+            htmlFor: id,
+            style: { fontSize: "13px", color: "var(--dsw-alias-label-secondary)", minWidth: "110px" },
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Input,
+          {
+            id,
+            value,
+            disabled: !writable,
+            onChange: (event) => onChange(event.target.value),
+            style: { width: "200px" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: !writable || !dirty,
+            onClick: onSave,
+            children: t("save")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            disabled: !dirty,
+            onClick: onDiscard,
+            children: t("discard")
+          }
+        )
+      ]
+    }
+  );
+}
+function Field(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: props.htmlFor, style: { fontSize: "13px", color: "var(--dsw-alias-label-secondary)" }, children: props.label }),
+    props.children
+  ] });
+}
+var namePattern = /^[a-zA-Z0-9][a-zA-Z0-9_.-]{0,63}$/;
+var imageIdPattern = /^[a-zA-Z0-9_][a-zA-Z0-9_.\-/:]{0,127}$/;
+var sanitizeName = (raw) => raw.replace(/[^a-zA-Z0-9_.-]/g, "");
+var sanitizeImageId = (raw) => raw.replace(/[^a-zA-Z0-9_.\-/:]/g, "");
+var mountKindShort = (kind) => {
+  if (kind === "MOUNT_KIND_TMPFS") return "tmpfs";
+  if (kind === "MOUNT_KIND_VOLUME") return "volume";
+  if (kind === "MOUNT_KIND_SECRET") return "secret";
+  return "project";
+};
+var mountModeShort = (mode) => mode === "MOUNT_MODE_READ_ONLY" ? "read_only" : "read_write";
+var mountViewToInput = (mount) => ({
+  kind: mountKindShort(mount.kind),
+  project: mount.projectName,
+  destination: mount.destination,
+  mode: mountModeShort(mount.mode),
+  volume: mount.volume,
+  secret: mount.secret
+});
+var mountLabel = (t, mount, withMode = true) => {
+  if (mount.kind === "tmpfs") {
+    return `tmpfs${mount.destination !== "" ? ` at ${mount.destination}` : ""}`;
+  }
+  if (mount.kind === "volume") {
+    return `volume ${mount.volume}${mount.destination !== "" ? ` \u2192 ${mount.destination}` : ""}`;
+  }
+  if (mount.kind === "secret") {
+    return `secret ${mount.secret}${mount.destination !== "" ? ` \u2192 ${mount.destination}` : ""}`;
+  }
+  const mode = withMode ? mount.mode === "read_only" ? " (ro)" : " (rw)" : "";
+  return `${mount.project}${mount.destination !== "" ? ` \u2192 ${mount.destination}` : ""}${mode}`;
+};
+var emptyMount = (kind = "project") => ({
+  kind,
+  project: "",
+  destination: "",
+  mode: kind === "tmpfs" ? "read_write" : "read_only",
+  volume: "",
+  secret: ""
+});
+function ConfirmButton(props) {
+  const { t, label, title, description, disabled, ariaLabel, onConfirm } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const confirm = () => {
+    setOpen(false);
+    onConfirm();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled,
+        "aria-label": ariaLabel,
+        onClick: () => setOpen(true),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title,
+        closeLabel: t("cancel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dsh_client_ui_primitives.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setOpen(false),
+              children: t("cancel")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", size: "sm", onClick: confirm, children: t("confirm") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { ...hint, margin: 0 }, children: description })
+      }
+    )
+  ] });
+}
+function Chip(props) {
+  const { t, label, disabled, onRemove } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "2px",
+        height: "24px",
+        padding: onRemove === void 0 ? "0 8px" : "0 4px 0 8px",
+        borderRadius: "999px",
+        border: "1px solid var(--dsw-alias-border-l2)",
+        background: "var(--dsw-alias-bg-layer-3)",
+        fontSize: "12px",
+        fontFamily: "var(--dsw-alias-font-mono, ui-monospace, monospace)",
+        color: "var(--dsw-alias-label-primary)"
+      },
+      children: [
+        label,
+        onRemove === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            "aria-label": t("removeTag"),
+            disabled,
+            onClick: onRemove,
+            style: {
+              padding: 0,
+              minWidth: "18px",
+              height: "18px",
+              lineHeight: 1,
+              fontSize: "13px",
+              color: "var(--dsw-alias-label-tertiary)"
+            },
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+function TagInput(props) {
+  const { t, value, onChange, placeholder, disabled, id } = props;
+  const [draft, setDraft] = (0, import_react.useState)("");
+  const commit = (raw) => {
+    const tag = raw.trim();
+    if (tag === "" || value.includes(tag)) return;
+    onChange([...value, tag]);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "6px"
+      },
+      children: [
+        value.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Chip,
+          {
+            t,
+            label: tag,
+            disabled,
+            onRemove: () => onChange(value.filter((item) => item !== tag))
+          },
+          tag
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Input,
+          {
+            id,
+            value: draft,
+            disabled,
+            placeholder,
+            onChange: (event) => setDraft(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === " " || event.key === "," || event.key === "Enter") {
+                if (event.key === " " || event.key === ",") event.preventDefault();
+                commit(draft);
+                setDraft("");
+              } else if (event.key === "Backspace" && draft === "") {
+                const last = value[value.length - 1];
+                if (last !== void 0) onChange(value.slice(0, -1));
+              }
+            },
+            onPaste: (event) => {
+              const text = event.clipboardData.getData("text");
+              if (text === "") return;
+              event.preventDefault();
+              const tokens = text.split(/[\s,]+/);
+              const next = [...value];
+              for (const token of tokens) {
+                const tag = token.trim();
+                if (tag !== "" && !next.includes(tag)) next.push(tag);
+              }
+              if (next.length !== value.length) onChange(next);
+            },
+            style: { flex: 1, minWidth: "160px" }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/container-card-images.tsx
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ImageItem(props) {
+  const { t, image, busy, defaultImage, onRemove, onRebuild, onSetDefault } = props;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dsh_client_ui_primitives2.DisclosureRow,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {}),
+      title: image.imageId,
+      open,
+      expandable: true,
+      onToggle: () => setOpen(!open),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: wsBody, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("table", { style: tableStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("parent") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.parent })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("imageTag") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.imageTag })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("builtAt") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.builtAt })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("packages") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.packages.length === 0 ? t("none") : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: image.packages.map((pkg) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Chip, { t, label: pkg }, pkg)) }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: actions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            ConfirmButton,
+            {
+              t,
+              label: t("rebuildImage"),
+              title: t("confirmTitle"),
+              description: t("confirmRebuildImage"),
+              disabled: busy,
+              onConfirm: () => onRebuild(image.imageId)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            ConfirmButton,
+            {
+              t,
+              label: t("removeImage"),
+              title: t("confirmTitle"),
+              description: t("confirmRemoveImage"),
+              disabled: busy,
+              onConfirm: () => onRemove(image.imageId)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy || image.imageId === defaultImage,
+              onClick: () => onSetDefault(image.imageId),
+              children: t("setDefaultImage")
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function BaseImageRow(props) {
+  const { t, image, busy, defaultImage, onRebuild, onPull, onSetDefault } = props;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const pull = image.basePublic && (image.status === "missing" || image.status === "pulled");
+  const build = !image.basePublic && image.status === "missing";
+  const rebuild = !image.basePublic && image.status === "built";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dsh_client_ui_primitives2.DisclosureRow,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {}),
+      title: image.imageId,
+      open,
+      expandable: true,
+      onToggle: () => setOpen(!open),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: wsBody, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("table", { style: tableStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("primitive") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.primitive })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("packageManager") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.packageManager })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("status") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.status })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("builtAt") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.builtAt === "" ? t("none") : image.builtAt })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: thStyle, scope: "row", children: t("packages") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: tdStyle, children: image.packages.length === 0 ? t("none") : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: image.packages.map((pkg) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Chip, { t, label: pkg }, pkg)) }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: actions, children: [
+          pull ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy,
+              onClick: () => onPull(image.imageId),
+              children: t("pullImage")
+            }
+          ) : null,
+          build ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy,
+              onClick: () => onRebuild(image.imageId),
+              children: t("build")
+            }
+          ) : null,
+          rebuild ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy,
+              onClick: () => onRebuild(image.imageId),
+              children: t("rebuildImage")
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy || image.imageId === defaultImage,
+              onClick: () => onSetDefault(image.imageId),
+              children: t("setDefaultImage")
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function ImageBuildModal(props) {
+  const {
+    t,
+    images,
+    open,
+    imageId,
+    parent,
+    packages,
+    onImageId,
+    onParent,
+    onPackages,
+    onClose,
+    onBuild
+  } = props;
+  const canBuild = imageIdPattern.test(imageId) && parent.trim() !== "";
+  const imageIdLabel = (0, import_react2.useId)();
+  const parentLabel = (0, import_react2.useId)();
+  const packagesLabel = (0, import_react2.useId)();
+  const baseImages = images.filter((image) => image.isBase);
+  const customImages = images.filter((image) => !image.isBase);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dsh_client_ui_primitives2.Modal,
+    {
+      open,
+      onClose,
+      title: t("buildImageTitle"),
+      closeLabel: t("cancel"),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_dsh_client_ui_primitives2.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: onClose,
+            children: t("cancel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_dsh_client_ui_primitives2.Button,
+          {
+            variant: "primary",
+            size: "sm",
+            disabled: !canBuild,
+            onClick: onBuild,
+            children: t("buildImage")
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "12px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Field, { label: t("imageId"), htmlFor: imageIdLabel, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_dsh_client_ui_primitives2.Input,
+                {
+                  id: imageIdLabel,
+                  value: imageId,
+                  onChange: (event) => onImageId(sanitizeImageId(event.target.value))
+                }
+              ),
+              imageId !== "" && !imageIdPattern.test(imageId) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { ...hint, margin: 0 }, children: t("invalidImageId") }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Field, { label: t("parent"), htmlFor: parentLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "select",
+              {
+                id: parentLabel,
+                style: imageSelect,
+                value: parent,
+                onChange: (event) => onParent(event.target.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: t("selectImage") }),
+                  baseImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: image.imageId, children: image.imageId }, image.imageId)),
+                  customImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: image.imageId, children: image.imageId }, image.imageId))
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Field, { label: t("packages"), htmlFor: packagesLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              TagInput,
+              {
+                id: packagesLabel,
+                t,
+                value: packages,
+                onChange: onPackages
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/client/container-card-caches.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  const units = ["B", "KiB", "MiB", "GiB", "TiB"];
+  let value = bytes;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  return `${unit === 0 ? String(value) : value.toFixed(1)} ${units[unit]}`;
+}
+function CachesSection(props) {
+  const { t, caches, busy, onClean } = props;
+  const disabled = busy || caches.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: sectionTitle, children: t("cachesTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: wsBody, children: [
+      caches.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: { ...hint, margin: 0 }, children: t("noCaches") }) : caches.map((cache) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "8px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { style: { color: "var(--dsw-alias-label-primary)" }, children: cache.manager }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: hint, children: t("cacheUsage", { size: formatBytes(cache.bytes), n: cache.files }) })
+          ]
+        },
+        cache.manager
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          ConfirmButton,
+          {
+            t,
+            label: t("cacheKeepLatest"),
+            title: t("confirmTitle"),
+            description: t("confirmCacheKeepLatest"),
+            disabled,
+            onConfirm: () => onClean("keep-latest")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          ConfirmButton,
+          {
+            t,
+            label: t("cacheRemoveAll"),
+            title: t("confirmTitle"),
+            description: t("confirmCacheRemoveAll"),
+            disabled,
+            onConfirm: () => onClean("all")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/client/container-card-secrets.tsx
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function SecretRow(props) {
+  const { t, name: name2, busy, writable, onSet, onRemove } = props;
+  const [content, setContent] = (0, import_react3.useState)("");
+  const canSave = content !== "" && !busy;
+  const submit = () => {
+    if (content === "") return;
+    onSet(name2, content);
+    setContent("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "code",
+          {
+            style: {
+              ...greyId,
+              flex: 1,
+              fontSize: "13px",
+              color: "var(--dsw-alias-label-primary)"
+            },
+            children: name2
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_dsh_client_ui_primitives3.Input,
+          {
+            type: "password",
+            value: content,
+            disabled: !writable || busy,
+            placeholder: t("setSecret"),
+            onChange: (event) => setContent(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") submit();
+            },
+            style: { width: "200px" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ConfirmButton,
+          {
+            t,
+            label: t("setSecret"),
+            title: t("confirmTitle"),
+            description: t("confirmSetSecret"),
+            disabled: !writable || !canSave,
+            onConfirm: submit
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ConfirmButton,
+          {
+            t,
+            label: t("removeSecret"),
+            title: t("confirmTitle"),
+            description: t("confirmRemoveSecret"),
+            disabled: busy,
+            onConfirm: () => onRemove(name2)
+          }
+        )
+      ]
+    }
+  );
+}
+function SecretsSection(props) {
+  const { t, secrets, busy, writable, onCreate, onRemove, onSet } = props;
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const [openSecret, setOpenSecret] = (0, import_react3.useState)(null);
+  const [name2, setName] = (0, import_react3.useState)("");
+  const [length, setLength] = (0, import_react3.useState)("32");
+  const [charset, setCharset] = (0, import_react3.useState)("alphanumeric");
+  const secretNameId = (0, import_react3.useId)();
+  const secretLengthId = (0, import_react3.useId)();
+  const secretCharsetId = (0, import_react3.useId)();
+  const canCreate = namePattern.test(name2);
+  const submit = () => {
+    if (!namePattern.test(name2)) return;
+    const parsedLength = parseInt(length, 10);
+    const normalized = length.trim() === "" || Number.isNaN(parsedLength) || parsedLength < 1 ? void 0 : parsedLength;
+    onCreate(name2.trim(), normalized, charset);
+    setName("");
+    setLength("32");
+    setCharset("alphanumeric");
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { ...sectionTitle, flex: 1 }, children: t("secretsTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_dsh_client_ui_primitives3.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: !writable || busy,
+              onClick: () => setOpen(true),
+              children: t("createSecret")
+            }
+          )
+        ]
+      }
+    ),
+    secrets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: hint, children: t("none") }) : secrets.map((secret) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_dsh_client_ui_primitives3.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", {}),
+        title: secret.name,
+        open: openSecret === secret.name,
+        expandable: true,
+        onToggle: () => setOpenSecret(openSecret === secret.name ? null : secret.name),
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: wsBody, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          SecretRow,
+          {
+            t,
+            name: secret.name,
+            busy,
+            writable,
+            onSet,
+            onRemove
+          }
+        ) })
+      },
+      secret.name
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_dsh_client_ui_primitives3.Modal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: t("secretsTitle"),
+        closeLabel: t("cancel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_dsh_client_ui_primitives3.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setOpen(false),
+              children: t("cancel")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_dsh_client_ui_primitives3.Button,
+            {
+              variant: "primary",
+              size: "sm",
+              disabled: !canCreate,
+              onClick: submit,
+              children: t("createSecret")
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Field, { label: t("secretName"), htmlFor: secretNameId, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  import_dsh_client_ui_primitives3.Input,
+                  {
+                    id: secretNameId,
+                    value: name2,
+                    disabled: !writable || busy,
+                    autoFocus: true,
+                    onChange: (event) => setName(sanitizeName(event.target.value)),
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter") submit();
+                    }
+                  }
+                ),
+                name2 !== "" && !namePattern.test(name2) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: { ...hint, margin: 0 }, children: t("invalidName") }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: t("secretLength"), htmlFor: secretLengthId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_dsh_client_ui_primitives3.Input,
+                {
+                  id: secretLengthId,
+                  type: "number",
+                  min: 1,
+                  max: 1024,
+                  value: length,
+                  disabled: !writable || busy,
+                  onChange: (event) => setLength(event.target.value)
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: t("secretCharset"), htmlFor: secretCharsetId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "select",
+                {
+                  id: secretCharsetId,
+                  style: imageSelect,
+                  value: charset,
+                  disabled: !writable || busy,
+                  onChange: (event) => setCharset(event.target.value),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "alphanumeric", children: "alphanumeric" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "hex", children: "hex" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "base64url", children: "base64url" })
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/client/container-card-volumes.tsx
+var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function VolumesSection(props) {
+  const { t, volumes, busy, writable, onCreate, onRemove } = props;
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [openVolume, setOpenVolume] = (0, import_react4.useState)(null);
+  const [name2, setName] = (0, import_react4.useState)("");
+  const volumeId = (0, import_react4.useId)();
+  const canCreate = namePattern.test(name2);
+  const submit = () => {
+    if (!namePattern.test(name2)) return;
+    onCreate(name2.trim());
+    setName("");
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...sectionTitle, flex: 1 }, children: t("volumesTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_dsh_client_ui_primitives4.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: !writable || busy,
+              onClick: () => setOpen(true),
+              children: t("createVolume")
+            }
+          )
+        ]
+      }
+    ),
+    volumes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: hint, children: t("none") }) : volumes.map((volume) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_dsh_client_ui_primitives4.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", {}),
+        title: volume.name,
+        open: openVolume === volume.name,
+        expandable: true,
+        onToggle: () => setOpenVolume(openVolume === volume.name ? null : volume.name),
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: wsBody, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              ConfirmButton,
+              {
+                t,
+                label: t("removeVolume"),
+                title: t("confirmTitle"),
+                description: t("confirmRemoveVolume"),
+                disabled: busy,
+                onConfirm: () => onRemove(volume.name)
+              }
+            )
+          }
+        ) })
+      },
+      volume.name
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_dsh_client_ui_primitives4.Modal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: t("volumesTitle"),
+        closeLabel: t("cancel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_dsh_client_ui_primitives4.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setOpen(false),
+              children: t("cancel")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_dsh_client_ui_primitives4.Button,
+            {
+              variant: "primary",
+              size: "sm",
+              disabled: !canCreate,
+              onClick: submit,
+              children: t("createVolume")
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Field, { label: t("volumeName"), htmlFor: volumeId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_dsh_client_ui_primitives4.Input,
+            {
+              id: volumeId,
+              value: name2,
+              disabled: !writable || busy,
+              autoFocus: true,
+              onChange: (event) => setName(sanitizeName(event.target.value)),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") submit();
+              }
+            }
+          ),
+          name2 !== "" && !namePattern.test(name2) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: { ...hint, margin: 0 }, children: t("invalidName") }) : null
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/client/container-card-directory-styles.ts
+var DIRECTORY_CLASS = "dsh-podman-directory";
+var DIRECTORY_STYLES = `
+.dsh-podman-directory.dsh-podman-directory {
+  width: min(680px, 100%);
+  height: min(500px, calc(100dvh - 32px));
+  padding: 0;
+  gap: 0;
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
+}
+.dsh-podman-directory-scope {
+  display: contents;
+}
+.dsh-podman-directory-header {
+  display: flex;
+  flex-direction: column;
+  flex: none;
+  gap: 8px;
+  padding: 16px 14px 8px 24px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l3);
+}
+.dsh-podman-directory-title {
+  margin: 0;
+  min-height: 28px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 510;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-podman-directory-crumbbar {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  box-sizing: border-box;
+  min-height: 24px;
+  margin-left: -9px;
+  padding: 0 8px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+}
+.dsh-podman-directory-crumbs {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.dsh-podman-directory-crumbseat {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex: none;
+  min-width: 0;
+}
+.dsh-podman-directory-crumb {
+  border: none;
+  background: transparent;
+  padding: 0;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  line-height: 20px;
+  font-weight: 500;
+  color: var(--dsw-alias-label-tertiary);
+  cursor: pointer;
+}
+.dsh-podman-directory-crumb:hover {
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-podman-directory-crumb:disabled {
+  cursor: default;
+  color: var(--dsw-alias-label-caption);
+}
+.dsh-podman-directory-crumbchevron {
+  flex: none;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-podman-directory-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-height: 0;
+  position: relative;
+  padding: 16px 16px 16px 24px;
+}
+.dsh-podman-directory-miller {
+  display: flex;
+  align-items: stretch;
+  flex: 1 1 0;
+  min-height: 0;
+  gap: 12px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.dsh-podman-directory-column {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: 1 1 0;
+  min-width: 256px;
+  margin: 0;
+  list-style: none;
+  overflow-y: auto;
+  padding-right: 8px;
+}
+.dsh-podman-directory-divider {
+  flex: none;
+  width: 0.5px;
+  background: var(--dsw-alias-border-l3);
+}
+.dsh-podman-directory-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 28px;
+  flex: none;
+  padding: 4px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+}
+.dsh-podman-directory-seat {
+  display: flex;
+  flex: none;
+}
+.dsh-podman-directory-row:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-podman-directory-row-selected,
+.dsh-podman-directory-row-selected:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-interactive-bg-hover));
+}
+.dsh-podman-directory-row:disabled {
+  cursor: default;
+}
+.dsh-podman-directory-rowicon {
+  flex: none;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-podman-directory-rowicon-selected {
+  flex: none;
+  color: var(--dsw-alias-button-info-fill);
+}
+.dsh-podman-directory-rowname {
+  flex: 1 1 0;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  line-height: 20px;
+  font-weight: 500;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-podman-directory-rowchevron {
+  flex: none;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-podman-directory-status,
+.dsh-podman-directory-error {
+  margin: 0;
+  padding: 4px;
+  font-size: 12px;
+  line-height: 18px;
+}
+.dsh-podman-directory-status {
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-podman-directory-error {
+  color: var(--dsw-alias-state-error-primary);
+}
+.dsh-podman-directory-loading {
+  position: absolute;
+  right: 16px;
+  bottom: 8px;
+  padding: 2px 8px;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-layer-2);
+}
+.dsh-podman-directory-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  flex: none;
+  padding: 16px 24px;
+  border-top: 0.5px solid var(--dsw-alias-border-l3);
+}
+.dsh-podman-directory-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  font-size: 13px;
+  line-height: 20px;
+  font-weight: 500;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+.dsh-podman-directory-toggle[aria-pressed="true"] {
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-podman-directory-toggle:disabled {
+  cursor: default;
+  color: var(--dsw-alias-label-caption);
+}
+.dsh-podman-directory-gap {
+  flex: 1 1 0;
+}
+.dsh-podman-directory-action {
+  min-width: 72px;
+}
+`;
+function installDirectoryStyles(ctx) {
+  if (typeof document === "undefined") return;
+  ctx.effect(() => {
+    const tag = document.createElement("style");
+    tag.dataset.plugin = "@exagone313/dsh-podman";
+    tag.textContent = DIRECTORY_STYLES;
+    document.head.appendChild(tag);
+    return () => {
+      tag.remove();
+    };
+  }, "podman: directory styles");
+}
+
+// src/project-path.ts
+function projectNameFromHostPath(projectsRoot, path) {
+  const root = stripTrailingSlash(projectsRoot);
+  const target = stripTrailingSlash(path);
+  if (root === "" || target === "" || target === root) return void 0;
+  if (!target.startsWith(`${root}/`)) return void 0;
+  return target.slice(root.length + 1);
+}
+function hostPathForProjectName(projectsRoot, project) {
+  const root = stripTrailingSlash(projectsRoot);
+  const name2 = stripTrailingSlash(project).replace(/^\/+/, "");
+  return name2 === "" ? root : `${root}/${name2}`;
+}
+function stripTrailingSlash(value) {
+  return String(value ?? "").replace(/\/+$/, "");
+}
+function confineToRoot(root, path) {
+  const normalizedRoot = stripTrailingSlash(root);
+  const normalizedPath = stripTrailingSlash(path);
+  if (normalizedRoot === "" || normalizedPath === normalizedRoot) {
+    return normalizedRoot;
+  }
+  return normalizedPath.startsWith(`${normalizedRoot}/`) ? normalizedPath : normalizedRoot;
+}
+function rootCrumbs(root, path) {
+  const normalizedRoot = stripTrailingSlash(root);
+  const prefix = `${normalizedRoot}/`;
+  if (normalizedRoot === "" || !path.startsWith(prefix)) return [];
+  const crumbs = [];
+  let accumulated = normalizedRoot;
+  for (const segment of path.slice(prefix.length).split("/")) {
+    if (segment === "") continue;
+    accumulated = `${accumulated}/${segment}`;
+    crumbs.push(accumulated);
+  }
+  return crumbs;
+}
+function crumbLabel(path) {
+  const trimmed = stripTrailingSlash(path);
+  const name2 = trimmed.slice(trimmed.lastIndexOf("/") + 1);
+  return name2 === "" ? trimmed : name2;
+}
+
+// src/client/container-card-directory.tsx
+var import_dsh_client_ui_primitives5 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SLOW_SCAN_DELAY_MS = 300;
+function DirectoryPickerModal(props) {
+  const { t, open, root, start, picker, onSelect, onClose } = props;
+  const [path, setPath] = (0, import_react5.useState)(() => confineToRoot(root, start));
+  const [level, setLevel] = (0, import_react5.useState)(void 0);
+  const [selected, setSelected] = (0, import_react5.useState)(null);
+  const [child, setChild] = (0, import_react5.useState)(void 0);
+  const [showHidden, setShowHidden] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [slow, setSlow] = (0, import_react5.useState)(false);
+  const tRef = (0, import_react5.useRef)(t);
+  tRef.current = t;
+  const trailRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    setPath(confineToRoot(root, start));
+    setSelected(null);
+    setShowHidden(false);
+  }, [open, root, start]);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    setBusy(true);
+    setSlow(false);
+    const timer = setTimeout(() => {
+      if (!cancelled) setSlow(true);
+    }, SLOW_SCAN_DELAY_MS);
+    picker.list(path, controller.signal).then((listing) => {
+      if (cancelled) return;
+      setLevel(toLevel(listing));
+      setError("");
+    }).catch((failure2) => {
+      if (cancelled) return;
+      const code = failure2?.code;
+      setLevel(void 0);
+      setError(
+        code === "directory-picker/unavailable" ? tRef.current("browseUnavailable") : tRef.current("browseError")
+      );
+    }).finally(() => {
+      if (cancelled) return;
+      clearTimeout(timer);
+      setSlow(false);
+      setBusy(false);
+    });
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+      controller.abort();
+    };
+  }, [open, path, picker]);
+  (0, import_react5.useEffect)(() => {
+    if (!open || selected === null) {
+      setChild(void 0);
+      return;
+    }
+    const controller = new AbortController();
+    let cancelled = false;
+    setBusy(true);
+    picker.list(selected.path, controller.signal).then((listing) => {
+      if (!cancelled) setChild(toLevel(listing));
+    }).catch(() => {
+      if (!cancelled) setChild(void 0);
+    }).finally(() => {
+      if (!cancelled) setBusy(false);
+    });
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [open, selected, picker]);
+  const select = (entry) => {
+    setSelected(entry);
+  };
+  const advance = (entry) => {
+    if (selected !== null) setPath(selected.path);
+    setSelected(entry);
+  };
+  const navigate = (target) => {
+    setPath(confineToRoot(root, target));
+    setSelected(null);
+  };
+  (0, import_react5.useEffect)(() => {
+    const trail = trailRef.current;
+    if (trail !== null) trail.scrollLeft = trail.scrollWidth;
+  }, [path, open]);
+  const crumbs = rootCrumbs(root, path);
+  const visible = (entries) => entries.filter((entry) => showHidden || !entry.hidden);
+  const truncated = level?.truncated === true || child?.truncated === true;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_dsh_client_ui_primitives5.Modal,
+    {
+      open,
+      onClose,
+      title: t("browseTitle"),
+      className: DIRECTORY_CLASS,
+      headless: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-podman-directory-scope", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-podman-directory-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "dsh-podman-directory-title", children: t("browseTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-podman-directory-crumbbar", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "nav",
+            {
+              ref: trailRef,
+              className: "dsh-podman-directory-crumbs",
+              "aria-label": t("browseTitle"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-podman-directory-crumbseat", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: "dsh-podman-directory-crumb",
+                    disabled: busy,
+                    onClick: () => navigate(root),
+                    children: crumbLabel(root)
+                  }
+                ) }),
+                crumbs.map((crumb) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-podman-directory-crumbseat", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    import_dsh_client_ui_primitives5.IconChevronRightOutline14,
+                    {
+                      size: 12,
+                      className: "dsh-podman-directory-crumbchevron"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "dsh-podman-directory-crumb",
+                      disabled: busy,
+                      onClick: () => navigate(crumb),
+                      children: crumbLabel(crumb)
+                    }
+                  )
+                ] }, crumb))
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-podman-directory-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-podman-directory-miller", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "dsh-podman-directory-column", children: (level?.entries ?? []).length === 0 ? null : visible(level?.entries ?? []).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              DirectoryRow,
+              {
+                entry,
+                selected: selected?.path === entry.path,
+                busy,
+                onPick: select
+              },
+              entry.path
+            )) }),
+            selected === null ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-podman-directory-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "dsh-podman-directory-column", children: visible(child?.entries ?? []).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                DirectoryRow,
+                {
+                  entry,
+                  selected: false,
+                  busy,
+                  onPick: advance
+                },
+                entry.path
+              )) })
+            ] })
+          ] }),
+          error === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dsh-podman-directory-error", role: "alert", children: error }),
+          error === "" && truncated ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dsh-podman-directory-status", role: "status", children: t("browseTruncated") }) : null,
+          slow ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-podman-directory-loading", role: "status", children: t("browseLoading") }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-podman-directory-footer", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "dsh-podman-directory-toggle",
+              "aria-pressed": showHidden,
+              disabled: busy,
+              onClick: () => setShowHidden((previous) => !previous),
+              children: [
+                t("browseHidden"),
+                showHidden ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dsh_client_ui_primitives5.IconCheckOutline16, { size: 14 }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-podman-directory-gap" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_dsh_client_ui_primitives5.Button,
+            {
+              variant: "outline",
+              className: "dsh-podman-directory-action",
+              disabled: busy,
+              onClick: onClose,
+              children: t("cancel")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_dsh_client_ui_primitives5.Button,
+            {
+              variant: "primary",
+              className: "dsh-podman-directory-action",
+              disabled: busy || error !== "",
+              onClick: () => onSelect(selected?.path ?? path),
+              children: t("browseSelect")
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function DirectoryRow(props) {
+  const { entry, selected, busy, onPick } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { className: "dsh-podman-directory-seat", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: selected ? "dsh-podman-directory-row dsh-podman-directory-row-selected" : "dsh-podman-directory-row",
+      "aria-current": selected ? true : void 0,
+      disabled: busy,
+      onClick: () => onPick(entry),
+      children: [
+        selected ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_dsh_client_ui_primitives5.IconFolderOpen16,
+          {
+            size: 16,
+            className: "dsh-podman-directory-rowicon-selected"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dsh_client_ui_primitives5.IconFolderClose16, { size: 16, className: "dsh-podman-directory-rowicon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-podman-directory-rowname", children: entry.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_dsh_client_ui_primitives5.IconChevronRightOutline14,
+          {
+            size: 12,
+            className: "dsh-podman-directory-rowchevron"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function toLevel(listing) {
+  return {
+    entries: listing.entries ?? [],
+    truncated: listing.truncated === true
+  };
+}
+
+// src/mount-enums.ts
+function forcedMountMode(kind) {
+  if (kind === "tmpfs") return "read_write";
+  if (kind === "secret") return "read_only";
+  return void 0;
+}
+
+// src/client/container-card-editors.tsx
+var import_dsh_client_ui_primitives6 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react6 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function EnvEditor(props) {
+  const { t, env, busy, onChange } = props;
+  const entries = Object.entries(env);
+  const updateKey = (oldKey, key, value) => {
+    const next = {};
+    for (const [k, v] of entries) {
+      if (k !== oldKey) next[k] = v;
+    }
+    next[key] = value;
+    onChange(next);
+  };
+  const updateValue = (key, value) => {
+    onChange({ ...env, [key]: value });
+  };
+  const remove = (key) => {
+    const next = { ...env };
+    delete next[key];
+    onChange(next);
+  };
+  const add = () => {
+    onChange({ ...env, "": "" });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+    entries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          alignItems: "center",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_dsh_client_ui_primitives6.Input,
+            {
+              value: key,
+              disabled: busy,
+              placeholder: t("envKey"),
+              "aria-label": t("envKey"),
+              onChange: (event) => updateKey(key, event.target.value, value),
+              style: { width: "160px" }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_dsh_client_ui_primitives6.Input,
+            {
+              value,
+              disabled: busy,
+              placeholder: t("envValue"),
+              "aria-label": t("envValue"),
+              onChange: (event) => updateValue(key, event.target.value),
+              style: { width: "200px" }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_dsh_client_ui_primitives6.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: busy,
+              onClick: () => remove(key),
+              children: t("removeEnv")
+            }
+          )
+        ]
+      },
+      key
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_dsh_client_ui_primitives6.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled: busy,
+        onClick: add,
+        children: t("addEnv")
+      }
+    ) })
+  ] });
+}
+function MountsEditor(props) {
+  const {
+    t,
+    mounts,
+    volumes,
+    secrets,
+    busy,
+    enabled,
+    projectsRoot,
+    directoryPicker,
+    confirmRemove,
+    modeControl = "remount",
+    primaryProject = "",
+    onAdd,
+    onRemove,
+    onUpdate
+  } = props;
+  const [adding, setAdding] = (0, import_react6.useState)(false);
+  const [browsing, setBrowsing] = (0, import_react6.useState)(false);
+  const [browseError, setBrowseError] = (0, import_react6.useState)("");
+  const [draft, setDraft] = (0, import_react6.useState)(emptyMount());
+  const mountKindId = (0, import_react6.useId)();
+  const mountProjectId = (0, import_react6.useId)();
+  const mountDestinationId = (0, import_react6.useId)();
+  const mountModeId = (0, import_react6.useId)();
+  const mountVolumeId = (0, import_react6.useId)();
+  const mountSecretId = (0, import_react6.useId)();
+  const updateDraft = (patch) => {
+    setDraft((prev) => ({ ...prev, ...patch }));
+  };
+  const canAdd = draft.kind === "project" ? draft.project.trim() !== "" : draft.kind === "volume" ? draft.volume !== "" : draft.kind === "secret" ? draft.secret !== "" : true;
+  const openAdd = () => {
+    setDraft(emptyMount());
+    setBrowseError("");
+    setAdding(true);
+  };
+  const submit = () => {
+    if (!canAdd) return;
+    onAdd(draft);
+    setAdding(false);
+  };
+  const kindField = draft.kind === "tmpfs" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountDestination"), htmlFor: mountDestinationId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_dsh_client_ui_primitives6.Input,
+    {
+      id: mountDestinationId,
+      value: draft.destination,
+      disabled: busy,
+      onChange: (event) => updateDraft({ destination: event.target.value })
+    }
+  ) }) : draft.kind === "volume" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountVolume"), htmlFor: mountVolumeId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "select",
+      {
+        id: mountVolumeId,
+        style: imageSelect,
+        value: draft.volume,
+        disabled: busy,
+        onChange: (event) => updateDraft({ volume: event.target.value }),
+        children: [
+          volumes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: t("none") }) : null,
+          volumes.map((volume) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: volume.name, children: volume.name }, volume.name))
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountDestination"), htmlFor: mountDestinationId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_dsh_client_ui_primitives6.Input,
+      {
+        id: mountDestinationId,
+        value: draft.destination,
+        disabled: busy,
+        onChange: (event) => updateDraft({ destination: event.target.value })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountMode"), htmlFor: mountModeId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "select",
+      {
+        id: mountModeId,
+        style: imageSelect,
+        value: draft.mode,
+        disabled: busy,
+        onChange: (event) => updateDraft({ mode: event.target.value }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_only", children: t("readOnly") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_write", children: t("readWrite") })
+        ]
+      }
+    ) })
+  ] }) : draft.kind === "secret" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountSecret"), htmlFor: mountSecretId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "select",
+      {
+        id: mountSecretId,
+        style: imageSelect,
+        value: draft.secret,
+        disabled: busy,
+        onChange: (event) => updateDraft({ secret: event.target.value }),
+        children: [
+          secrets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: t("none") }) : null,
+          secrets.map((secret) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: secret.name, children: secret.name }, secret.name))
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountDestination"), htmlFor: mountDestinationId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_dsh_client_ui_primitives6.Input,
+      {
+        id: mountDestinationId,
+        value: draft.destination,
+        disabled: busy,
+        onChange: (event) => updateDraft({ destination: event.target.value })
+      }
+    ) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountProjectPath"), htmlFor: mountProjectId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_dsh_client_ui_primitives6.Input,
+        {
+          id: mountProjectId,
+          value: draft.project,
+          disabled: busy,
+          onChange: (event) => updateDraft({ project: event.target.value })
+        }
+      ),
+      directoryPicker !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_dsh_client_ui_primitives6.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: busy,
+          onClick: () => {
+            setBrowseError("");
+            setBrowsing(true);
+          },
+          children: t("browse")
+        }
+      ) : null
+    ] }) }),
+    browseError === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: { margin: 0, fontSize: "13px" }, role: "alert", children: browseError }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountMode"), htmlFor: mountModeId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "select",
+      {
+        id: mountModeId,
+        style: imageSelect,
+        value: draft.mode,
+        disabled: busy,
+        onChange: (event) => updateDraft({ mode: event.target.value }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_only", children: t("readOnly") }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_write", children: t("readWrite") })
+        ]
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+    mounts.map((mount, index) => {
+      const nextMode = mount.mode === "read_write" ? "read_only" : "read_write";
+      const forced = forcedMountMode(mount.kind);
+      const editable = mount.kind === "project" || mount.kind === "volume";
+      const removable = mount.kind !== "project" || primaryProject === "" || mount.project !== primaryProject;
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "8px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "code",
+              {
+                style: {
+                  ...greyId,
+                  flex: 1,
+                  fontSize: "13px",
+                  color: "var(--dsw-alias-label-primary)"
+                },
+                children: mountLabel(t, mount, modeControl !== "select")
+              }
+            ),
+            modeControl === "select" && (editable || forced !== void 0) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "select",
+              {
+                style: imageSelect,
+                value: forced ?? mount.mode,
+                disabled: !enabled || forced !== void 0,
+                "aria-label": t("mountMode"),
+                onChange: (event) => onUpdate?.({ ...mount, mode: event.target.value }, index),
+                children: forced !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: forced, children: forced === "read_write" ? t("readWrite") : t("readOnly") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_only", children: t("readOnly") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "read_write", children: t("readWrite") })
+                ] })
+              }
+            ) : null,
+            modeControl === "remount" && editable && onUpdate !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              ConfirmButton,
+              {
+                t,
+                label: nextMode === "read_only" ? t("remountReadOnly") : t("remountReadWrite"),
+                title: t("confirmTitle"),
+                description: nextMode === "read_only" ? t("confirmRemountReadOnly") : t("confirmRemountReadWrite"),
+                disabled: !enabled,
+                onConfirm: () => onUpdate({ ...mount, mode: nextMode }, index)
+              }
+            ),
+            removable && (confirmRemove ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              ConfirmButton,
+              {
+                t,
+                label: t("remove"),
+                title: t("confirmTitle"),
+                description: t("confirmRemoveMount"),
+                disabled: !enabled,
+                onConfirm: () => onRemove(mount)
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_dsh_client_ui_primitives6.Button,
+              {
+                variant: "outline",
+                size: "sm",
+                disabled: !enabled,
+                onClick: () => onRemove(mount),
+                children: t("remove")
+              }
+            ))
+          ]
+        },
+        mountLabel(t, mount)
+      );
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_dsh_client_ui_primitives6.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled: !enabled,
+        onClick: openAdd,
+        children: t("addMount")
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_dsh_client_ui_primitives6.Modal,
+      {
+        open: adding,
+        onClose: () => setAdding(false),
+        title: t("addMount"),
+        closeLabel: t("cancel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_dsh_client_ui_primitives6.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => setAdding(false),
+              children: t("cancel")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_dsh_client_ui_primitives6.Button,
+            {
+              variant: "primary",
+              size: "sm",
+              disabled: busy || !canAdd,
+              onClick: submit,
+              children: t("addMount")
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "12px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Field, { label: t("mountKind"), htmlFor: mountKindId, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "select",
+                {
+                  id: mountKindId,
+                  style: imageSelect,
+                  value: draft.kind,
+                  disabled: busy,
+                  onChange: (event) => setDraft(emptyMount(event.target.value)),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "project", children: t("mountProject") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "tmpfs", children: "tmpfs" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "volume", children: t("mountVolume") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "secret", children: t("mountSecret") })
+                  ]
+                }
+              ) }),
+              kindField
+            ]
+          }
+        )
+      }
+    ),
+    directoryPicker === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      DirectoryPickerModal,
+      {
+        t,
+        open: browsing,
+        root: projectsRoot,
+        start: hostPathForProjectName(projectsRoot, draft.project),
+        picker: directoryPicker,
+        onSelect: (path) => {
+          const project = projectNameFromHostPath(projectsRoot, path);
+          if (project === void 0) {
+            setBrowseError(t("browseOutsideRoot"));
+            return;
+          }
+          updateDraft({ project });
+          setBrowseError("");
+          setBrowsing(false);
+        },
+        onClose: () => setBrowsing(false)
+      }
+    )
+  ] });
+}
+
+// src/client/container-card-paths.tsx
+var import_dsh_client_ui_primitives7 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react7 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var nextPathId = 0;
+function pathEntries(paths) {
+  return paths.map((path) => ({ id: nextPathId++, path }));
+}
+var pathRow = {
+  display: "flex",
+  alignItems: "center",
+  gap: "6px"
+};
+var pathInput = {
+  flex: 1,
+  minWidth: "120px"
+};
+var rowButton = {
+  padding: 0,
+  minWidth: "28px"
+};
+var dragHandle = {
+  cursor: "grab",
+  background: "none",
+  border: "none",
+  padding: 0,
+  color: "var(--dsw-alias-label-tertiary)"
+};
+function PathsList(props) {
+  const { t, entries, busy, onChange } = props;
+  const [draft, setDraft] = (0, import_react7.useState)("");
+  const [dragIndex, setDragIndex] = (0, import_react7.useState)(null);
+  const addId = (0, import_react7.useId)();
+  const move = (from, to) => {
+    if (from === to || to < 0 || to >= entries.length) return;
+    const next = [...entries];
+    const [item] = next.splice(from, 1);
+    next.splice(to, 0, item);
+    onChange(next);
+  };
+  const add = () => {
+    const path = draft.trim();
+    if (path === "") return;
+    onChange([{ id: nextPathId++, path }, ...entries]);
+    setDraft("");
+  };
+  const update = (index, path) => {
+    onChange(entries.map((entry, at) => at === index ? { ...entry, path } : entry));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Field, { label: t("addPath"), htmlFor: addId, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { ...pathRow, gap: "8px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Input,
+        {
+          id: addId,
+          value: draft,
+          disabled: busy,
+          onChange: (event) => setDraft(event.target.value),
+          style: pathInput
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: busy || draft.trim() === "",
+          onClick: add,
+          children: t("add")
+        }
+      )
+    ] }) }),
+    entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { ...hint, margin: 0 }, children: t("noPaths") }) : entries.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: pathRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "button",
+        {
+          type: "button",
+          title: t("dragToReorder"),
+          "aria-label": t("dragToReorder"),
+          draggable: !busy,
+          onDragStart: () => setDragIndex(index),
+          onDragOver: (event) => event.preventDefault(),
+          onDrop: () => {
+            if (dragIndex !== null) move(dragIndex, index);
+            setDragIndex(null);
+          },
+          style: dragHandle,
+          children: "\u2261"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Input,
+        {
+          value: entry.path,
+          disabled: busy,
+          onChange: (event) => update(index, event.target.value),
+          style: pathInput
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          title: t("moveUp"),
+          "aria-label": t("moveUp"),
+          disabled: busy || index === 0,
+          onClick: () => move(index, index - 1),
+          style: rowButton,
+          children: "\u2191"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          title: t("moveDown"),
+          "aria-label": t("moveDown"),
+          disabled: busy || index === entries.length - 1,
+          onClick: () => move(index, index + 1),
+          style: rowButton,
+          children: "\u2193"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_dsh_client_ui_primitives7.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          title: t("remove"),
+          "aria-label": t("remove"),
+          disabled: busy,
+          onClick: () => onChange(entries.filter((_, at) => at !== index)),
+          style: rowButton,
+          children: "\xD7"
+        }
+      )
+    ] }, entry.id))
+  ] });
+}
+function PathsEditor(props) {
+  const { t, paths, busy, enabled, onApply } = props;
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [draft, setDraft] = (0, import_react7.useState)([]);
+  const openEditor = () => {
+    setDraft(pathEntries(paths));
+    setOpen(true);
+  };
+  const apply2 = () => {
+    onApply(draft.map((entry) => entry.path));
+    setOpen(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+    paths.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { ...hint, margin: 0 }, children: t("noPaths") }) : paths.map((path) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "code",
+      {
+        style: {
+          ...greyId,
+          fontSize: "13px",
+          color: "var(--dsw-alias-label-primary)"
+        },
+        children: path
+      },
+      path
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_dsh_client_ui_primitives7.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled: !enabled,
+        onClick: openEditor,
+        children: t("editPaths")
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_dsh_client_ui_primitives7.Modal,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: t("pathsTitle"),
+        closeLabel: t("cancel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dsh_client_ui_primitives7.Button, { variant: "outline", size: "sm", onClick: () => setOpen(false), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dsh_client_ui_primitives7.Button, { variant: "primary", size: "sm", disabled: busy, onClick: apply2, children: t("apply") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PathsList, { t, entries: draft, busy, onChange: setDraft })
+      }
+    )
+  ] });
+}
+
+// src/client/container-card-row.tsx
+var import_dsh_client_ui_primitives9 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react9 = require("react");
+
+// src/client/container-card-create-modal.tsx
+var import_dsh_client_ui_primitives8 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react8 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function CreateContainerModal(props) {
+  const {
+    t,
+    workspace,
+    images,
+    volumes,
+    secrets,
+    busy,
+    defaultImage,
+    projectsRoot,
+    directoryPicker,
+    named,
+    existing,
+    open,
+    onClose,
+    onCreate
+  } = props;
+  const [image, setImage] = (0, import_react8.useState)(workspace.imageId || defaultImage);
+  const [name2, setName] = (0, import_react8.useState)("");
+  const [env, setEnv] = (0, import_react8.useState)({});
+  const [mounts, setMounts] = (0, import_react8.useState)(() => [
+    {
+      kind: "project",
+      project: workspace.projectName,
+      destination: "",
+      mode: "read_write",
+      volume: "",
+      secret: ""
+    }
+  ]);
+  const [secretEnv, setSecretEnv] = (0, import_react8.useState)({});
+  const [paths, setPaths] = (0, import_react8.useState)([]);
+  const [attachSecret, setAttachSecret] = (0, import_react8.useState)("");
+  const [attachVar, setAttachVar] = (0, import_react8.useState)("");
+  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
+  const imageLabel = (0, import_react8.useId)();
+  const nameLabel = (0, import_react8.useId)();
+  (0, import_react8.useEffect)(() => {
+    if (!open) return;
+    setImage(workspace.imageId || defaultImage);
+    setName("");
+    setEnv({});
+    setMounts([
+      {
+        kind: "project",
+        project: workspace.projectName,
+        destination: "",
+        mode: "read_write",
+        volume: "",
+        secret: ""
+      }
+    ]);
+    setSecretEnv({});
+    setPaths([]);
+    setAttachSecret("");
+    setAttachVar("");
+    setSubmitting(false);
+  }, [open, workspace, defaultImage]);
+  const baseImages = images.filter((image2) => image2.isBase);
+  const customImages = images.filter((image2) => !image2.isBase);
+  const candidates = [
+    ...baseImages.map((image2) => image2.imageId),
+    ...customImages.map((image2) => image2.imageId)
+  ];
+  const nameTaken = existing.includes(name2);
+  const validName = namePattern.test(name2) && name2 !== "default" && !nameTaken;
+  const canCreate = !named || validName;
+  const submit = () => {
+    if (!canCreate || submitting) return;
+    setSubmitting(true);
+    onCreate(named ? name2 : "", {
+      image,
+      env,
+      mounts,
+      paths: paths.map((entry) => entry.path).filter((path) => path !== ""),
+      secretEnv
+    });
+  };
+  const attach = () => {
+    const envVar = attachVar.trim();
+    if (envVar === "" || attachSecret === "") return;
+    setSecretEnv({ ...secretEnv, [envVar]: attachSecret });
+    setAttachVar("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_dsh_client_ui_primitives8.Modal,
+    {
+      open,
+      onClose,
+      title: named ? t("addContainer") : t("createContainer"),
+      closeLabel: t("cancel"),
+      footer: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_dsh_client_ui_primitives8.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: onClose,
+            children: t("cancel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_dsh_client_ui_primitives8.Button,
+          {
+            variant: "primary",
+            size: "sm",
+            disabled: !canCreate || submitting,
+            onClick: submit,
+            children: named ? t("addContainer") : t("createContainer")
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "12px"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Field, { label: t("image"), htmlFor: imageLabel, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "select",
+              {
+                id: imageLabel,
+                style: imageSelect,
+                value: image,
+                disabled: busy,
+                onChange: (event) => setImage(event.target.value),
+                children: [
+                  candidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: t("none") }) : null,
+                  candidates.map((imageId) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: imageId, children: imageId }, imageId))
+                ]
+              }
+            ) }),
+            named ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Field, { label: t("containerName"), htmlFor: nameLabel, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_dsh_client_ui_primitives8.Input,
+                {
+                  id: nameLabel,
+                  value: name2,
+                  disabled: busy,
+                  onChange: (event) => setName(sanitizeName(event.target.value))
+                }
+              ),
+              name2 !== "" && !validName ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { style: { ...hint, margin: 0 }, children: nameTaken ? t("containerNameTaken") : t("invalidContainerName") }) : null
+            ] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: sectionTitle, children: t("envTitle") }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EnvEditor, { t, env, busy, onChange: setEnv }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: sectionTitle, children: t("mountsTitle") }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              MountsEditor,
+              {
+                t,
+                mounts,
+                volumes,
+                secrets,
+                busy,
+                enabled: !busy,
+                projectsRoot,
+                directoryPicker,
+                modeControl: "select",
+                onAdd: (mount) => setMounts([...mounts, mount]),
+                onRemove: (mount) => setMounts(mounts.filter((item) => item !== mount)),
+                onUpdate: (updated, index) => setMounts(mounts.map((item, at) => at === index ? updated : item))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: sectionTitle, children: t("pathsTitle") }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PathsList, { t, entries: paths, busy, onChange: setPaths }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: sectionTitle, children: t("containerSecretsTitle") }),
+            Object.entries(secretEnv).map(([envVar, secretName]) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexWrap: "wrap",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    "code",
+                    {
+                      style: {
+                        ...greyId,
+                        flex: 1,
+                        fontSize: "13px",
+                        color: "var(--dsw-alias-label-primary)"
+                      },
+                      children: [
+                        envVar,
+                        "=",
+                        secretName
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    import_dsh_client_ui_primitives8.Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      disabled: busy,
+                      onClick: () => {
+                        const next = { ...secretEnv };
+                        delete next[envVar];
+                        setSecretEnv(next);
+                      },
+                      children: t("remove")
+                    }
+                  )
+                ]
+              },
+              envVar
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexWrap: "wrap",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    "select",
+                    {
+                      style: imageSelect,
+                      value: attachSecret,
+                      disabled: busy,
+                      onChange: (event) => setAttachSecret(event.target.value),
+                      "aria-label": t("attachSecret"),
+                      children: [
+                        secrets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: t("none") }) : null,
+                        secrets.map((secret) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: secret.name, children: secret.name }, secret.name))
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    import_dsh_client_ui_primitives8.Input,
+                    {
+                      value: attachVar,
+                      disabled: busy,
+                      placeholder: t("secretEnvName"),
+                      onChange: (event) => setAttachVar(event.target.value),
+                      onKeyDown: (event) => {
+                        if (event.key === "Enter") attach();
+                      },
+                      style: { width: "200px" }
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    import_dsh_client_ui_primitives8.Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      disabled: busy || attachVar.trim() === "" || attachSecret === "",
+                      onClick: attach,
+                      children: t("attachSecret")
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/client/container-card-row.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ContainerRow(props) {
+  const {
+    t,
+    container,
+    images,
+    volumes,
+    secrets,
+    busy,
+    onRemove,
+    onRecreate,
+    onAddContainerMount,
+    onRemoveContainerMount,
+    onUpdateContainerMount,
+    onSetContainerPaths,
+    onAddContainerSecret,
+    onRemoveContainerSecret,
+    projectName,
+    projectsRoot,
+    directoryPicker
+  } = props;
+  const [selected, setSelected] = (0, import_react9.useState)(container.imageId);
+  const [env, setEnv] = (0, import_react9.useState)(container.env);
+  const [envOpen, setEnvOpen] = (0, import_react9.useState)(false);
+  const [mountOpen, setMountOpen] = (0, import_react9.useState)(false);
+  const [pathOpen, setPathOpen] = (0, import_react9.useState)(false);
+  const [secretOpen, setSecretOpen] = (0, import_react9.useState)(false);
+  const [attachSecret, setAttachSecret] = (0, import_react9.useState)("");
+  const [attachVar, setAttachVar] = (0, import_react9.useState)("");
+  const enabled = container.workspaceSlug !== "" && !busy;
+  const projects = container.mounts.map((mount) => mount.projectName).join(", ");
+  const envEntries = Object.entries(container.env);
+  const secretEntries = Object.entries(container.secretEnv);
+  const attach = () => {
+    const envVar = attachVar.trim();
+    if (envVar === "" || attachSecret === "") return;
+    onAddContainerSecret(container.workspaceSlug, envVar, attachSecret);
+    setAttachVar("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: containerRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: containerHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { style: { color: "var(--dsw-alias-label-primary)" }, children: container.containerName }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives9.Pill, { children: container.status })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("table", { style: tableStyle, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tbody", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { style: thStyle, scope: "row", children: t("image") }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: tdStyle, children: container.imageId })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { style: thStyle, scope: "row", children: t("created") }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: tdStyle, children: container.createdAt })
+      ] }),
+      projects !== "" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { style: thStyle, scope: "row", children: t("projects") }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: tdStyle, children: projects })
+      ] }) : null,
+      envEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { style: thStyle, scope: "row", children: t("env") }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: tdStyle, children: envEntries.map(([key]) => key).join(", ") })
+      ] }) : null,
+      secretEntries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { style: thStyle, scope: "row", children: t("secretEnv") }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { style: tdStyle, children: secretEntries.map(([envVar, secretName]) => `${envVar}=${secretName}`).join(", ") })
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        ConfirmButton,
+        {
+          t,
+          label: t("remove"),
+          title: t("confirmTitle"),
+          description: t("confirmRemoveContainer"),
+          disabled: !enabled,
+          onConfirm: () => onRemove(container.workspaceSlug)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        ConfirmButton,
+        {
+          t,
+          label: t("recreate"),
+          title: t("confirmTitle"),
+          description: t("confirmRecreate"),
+          disabled: !enabled,
+          onConfirm: () => onRecreate(container.workspaceSlug, "", env)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "select",
+        {
+          style: imageSelect,
+          value: selected,
+          disabled: !enabled,
+          onChange: (event) => setSelected(event.target.value),
+          "aria-label": t("recreateWithImage"),
+          children: [
+            container.imageId === "" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "", children: t("none") }) : null,
+            images.map((image) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: image.imageId, children: image.imageId }, image.imageId))
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        ConfirmButton,
+        {
+          t,
+          label: t("recreateWithImage"),
+          title: t("confirmTitle"),
+          description: t("confirmRecreate"),
+          disabled: !enabled || selected === "",
+          onConfirm: () => onRecreate(container.workspaceSlug, selected, env)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_dsh_client_ui_primitives9.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+        title: t("envTitle"),
+        open: envOpen,
+        expandable: true,
+        onToggle: () => setEnvOpen(!envOpen),
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: wsBody, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EnvEditor, { t, env, busy, onChange: setEnv }) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_dsh_client_ui_primitives9.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+        title: t("mountsTitle"),
+        open: mountOpen,
+        expandable: true,
+        onToggle: () => setMountOpen(!mountOpen),
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: wsBody, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          MountsEditor,
+          {
+            t,
+            mounts: container.mounts.map(mountViewToInput),
+            volumes,
+            secrets,
+            busy,
+            enabled,
+            projectsRoot,
+            directoryPicker,
+            confirmRemove: true,
+            primaryProject: container.containerName === "default" ? projectName : "",
+            onUpdate: (mount) => onUpdateContainerMount(
+              container.workspaceSlug,
+              container.containerName,
+              mount
+            ),
+            onRemove: (mount) => onRemoveContainerMount(
+              container.workspaceSlug,
+              container.containerName,
+              mount
+            ),
+            onAdd: (mount) => onAddContainerMount(
+              container.workspaceSlug,
+              container.containerName,
+              mount
+            )
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_dsh_client_ui_primitives9.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+        title: t("pathsTitle"),
+        open: pathOpen,
+        expandable: true,
+        onToggle: () => setPathOpen(!pathOpen),
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: wsBody, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          PathsEditor,
+          {
+            t,
+            paths: container.paths,
+            busy,
+            enabled,
+            onApply: (paths) => onSetContainerPaths(
+              container.workspaceSlug,
+              container.containerName,
+              paths
+            )
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_dsh_client_ui_primitives9.DisclosureRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", {}),
+        title: t("containerSecretsTitle"),
+        open: secretOpen,
+        expandable: true,
+        onToggle: () => setSecretOpen(!secretOpen),
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: wsBody, children: [
+          secretEntries.map(([envVar, secretName]) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap",
+                alignItems: "center",
+                gap: "8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                  "code",
+                  {
+                    style: {
+                      ...greyId,
+                      flex: 1,
+                      fontSize: "13px",
+                      color: "var(--dsw-alias-label-primary)"
+                    },
+                    children: [
+                      envVar,
+                      "=",
+                      secretName
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  ConfirmButton,
+                  {
+                    t,
+                    label: t("detachSecret"),
+                    title: t("confirmTitle"),
+                    description: t("confirmDetachSecret"),
+                    disabled: busy,
+                    onConfirm: () => onRemoveContainerSecret(container.workspaceSlug, envVar)
+                  }
+                )
+              ]
+            },
+            envVar
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap",
+                alignItems: "center",
+                gap: "8px",
+                paddingTop: "8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                  "select",
+                  {
+                    style: imageSelect,
+                    value: attachSecret,
+                    disabled: !enabled,
+                    onChange: (event) => setAttachSecret(event.target.value),
+                    "aria-label": t("attachSecret"),
+                    children: [
+                      secrets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "", children: t("none") }) : null,
+                      secrets.map((secret) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: secret.name, children: secret.name }, secret.name))
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  import_dsh_client_ui_primitives9.Input,
+                  {
+                    value: attachVar,
+                    disabled: !enabled,
+                    placeholder: t("secretEnvName"),
+                    onChange: (event) => setAttachVar(event.target.value),
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter") attach();
+                    },
+                    style: { width: "200px" }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  import_dsh_client_ui_primitives9.Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    disabled: !enabled || attachVar.trim() === "" || attachSecret === "",
+                    onClick: attach,
+                    children: t("attachSecret")
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/client/container-card-workspace.tsx
+var import_dsh_client_ui_primitives10 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react10 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function WorkspaceSection(props) {
+  const {
+    t,
+    workspace,
+    containers,
+    images,
+    volumes,
+    secrets,
+    busy,
+    defaultImage,
+    projectsRoot,
+    directoryPicker,
+    onRemove,
+    onRemoveWorkspace,
+    onRecreate,
+    onCreate,
+    onStartContainer,
+    onAddContainerMount,
+    onRemoveContainerMount,
+    onUpdateContainerMount,
+    onSetContainerPaths,
+    onAddContainerSecret,
+    onRemoveContainerSecret
+  } = props;
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  const [createOpen, setCreateOpen] = (0, import_react10.useState)(null);
+  const hasContainer = containers.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_dsh_client_ui_primitives10.DisclosureRow,
+    {
+      icon: hasContainer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dsh_client_ui_primitives10.StateDot, { state: containerStateDot(containers[0]?.status ?? "") }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", {}),
+      title: workspace.projectName,
+      open,
+      expandable: true,
+      onToggle: () => setOpen(!open),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: wsBody, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("code", { style: greyId, children: workspace.workspaceSlug }),
+          !hasContainer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { ...hint, margin: 0 }, children: t("noContainers") }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_dsh_client_ui_primitives10.Button,
+              {
+                variant: "outline",
+                size: "sm",
+                disabled: busy,
+                onClick: () => setCreateOpen("default"),
+                children: t("createContainer")
+              }
+            ) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+            containers.map((container) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              ContainerRow,
+              {
+                t,
+                container,
+                images,
+                volumes,
+                secrets,
+                busy,
+                onRemove,
+                onRecreate,
+                onAddContainerMount,
+                onRemoveContainerMount,
+                onUpdateContainerMount,
+                onSetContainerPaths,
+                projectName: workspace.projectName,
+                projectsRoot,
+                directoryPicker,
+                onAddContainerSecret,
+                onRemoveContainerSecret
+              },
+              container.containerName
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_dsh_client_ui_primitives10.Button,
+              {
+                variant: "outline",
+                size: "sm",
+                disabled: busy,
+                onClick: () => setCreateOpen("named"),
+                children: t("addContainer")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ConfirmButton,
+            {
+              t,
+              label: t("removePod"),
+              title: t("confirmTitle"),
+              description: t("confirmRemovePod"),
+              disabled: busy,
+              onConfirm: () => onRemoveWorkspace(workspace.workspaceSlug)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          CreateContainerModal,
+          {
+            t,
+            workspace,
+            images,
+            volumes,
+            secrets,
+            busy,
+            defaultImage,
+            projectsRoot,
+            directoryPicker,
+            named: createOpen === "named",
+            existing: containers.map((container) => container.containerName),
+            open: createOpen !== null,
+            onClose: () => setCreateOpen(null),
+            onCreate: (container, config) => {
+              if (createOpen === "named") {
+                onStartContainer(workspace, container, config);
+              } else {
+                onCreate(workspace, config);
+              }
+              setCreateOpen(null);
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/ContainerCard.tsx
+var import_dsh_client_ui_primitives11 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react11 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function ContainerCard(props) {
+  const { t } = props;
+  const state = props.useContainerCard((snapshot) => snapshot);
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  const [hovered, setHovered] = (0, import_react11.useState)(false);
+  const [buildOpen, setBuildOpen] = (0, import_react11.useState)(false);
+  const [imageId, setImageId] = (0, import_react11.useState)("");
+  const [parent, setParent] = (0, import_react11.useState)("");
+  const [packages, setPackages] = (0, import_react11.useState)([]);
+  const [defaultOpen, setDefaultOpen] = (0, import_react11.useState)(false);
+  const [defaultImage, setDefaultImage] = (0, import_react11.useState)(state.defaultImage);
+  const projectsRootId = (0, import_react11.useId)();
+  (0, import_react11.useEffect)(() => {
+    props.reload();
+  }, []);
+  const baseImages = state.images.filter((image) => image.isBase);
+  const customImages = state.images.filter((image) => !image.isBase);
+  const defaultCandidates = [
+    ...baseImages.map((image) => image.imageId),
+    ...customImages.map((image) => image.imageId)
+  ];
+  if (!state.available) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: { padding: "8px 0", fontSize: "13px", opacity: 0.8 }, children: t("unavailable") });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "li",
+    {
+      style: {
+        ...cardStyle,
+        ...open ? cardOpenStyle : {},
+        ...hovered && !open ? cardHoverStyle : {}
+      },
+      onPointerEnter: () => setHovered(true),
+      onPointerLeave: () => setHovered(false),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "button",
+          {
+            type: "button",
+            style: cardHeaderStyle,
+            "aria-expanded": open,
+            onClick: () => setOpen(!open),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { style: cardHeadTextStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { style: cardNameStyle, children: [
+                  t("cardTitle"),
+                  state.version ? ` ${state.version}` : "",
+                  state.commit ? ` \xB7 ${state.commit}` : ""
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: cardDescriptionStyle, children: t("cardDescription") })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CardChevron, { open })
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: cardBodyStyle, children: [
+          state.notice === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: banner, role: "status", children: [
+            t("notice"),
+            ": ",
+            state.notice
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: sectionTitle, children: t("workspacesTitle") }),
+          state.workspaces.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: hint, children: t("none") }) : state.workspaces.map((workspace) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            WorkspaceSection,
+            {
+              t,
+              workspace,
+              containers: state.containers.filter(
+                (container) => container.workspaceSlug === workspace.workspaceSlug
+              ),
+              images: state.images,
+              volumes: state.volumes,
+              secrets: state.secrets,
+              busy: state.busy,
+              defaultImage: state.defaultImage,
+              projectsRoot: state.projectsRoot,
+              directoryPicker: state.directoryPicker,
+              onRemove: props.remove,
+              onRemoveWorkspace: props.removeWorkspace,
+              onRecreate: props.recreate,
+              onCreate: props.createContainer,
+              onStartContainer: props.startContainer,
+              onAddContainerMount: props.addContainerMount,
+              onRemoveContainerMount: props.removeContainerMount,
+              onUpdateContainerMount: props.updateContainerMount,
+              onSetContainerPaths: props.setContainerPaths,
+              onAddContainerSecret: props.addContainerSecret,
+              onRemoveContainerSecret: props.removeContainerSecret
+            },
+            workspace.workspaceSlug
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap",
+                alignItems: "center",
+                gap: "8px"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { ...sectionTitle, flex: 1 }, children: t("imagesTitle") }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_dsh_client_ui_primitives11.Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    disabled: state.busy,
+                    onClick: () => {
+                      setDefaultImage(state.defaultImage);
+                      setDefaultOpen(true);
+                    },
+                    children: t("setDefaultImage")
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_dsh_client_ui_primitives11.Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    disabled: state.busy,
+                    onClick: () => {
+                      setImageId("");
+                      setParent(baseImages[0]?.imageId ?? customImages[0]?.imageId ?? "");
+                      setPackages([]);
+                      setBuildOpen(true);
+                    },
+                    children: t("buildImage")
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  ConfirmButton,
+                  {
+                    t,
+                    label: t("rebuildAllImages"),
+                    title: t("confirmTitle"),
+                    description: t("confirmRebuildAllImages"),
+                    disabled: state.busy,
+                    onConfirm: props.rebuildAllImages
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: sectionTitle, children: t("baseImagesTitle") }),
+          baseImages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: hint, children: t("none") }) : baseImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            BaseImageRow,
+            {
+              t,
+              image,
+              busy: state.busy,
+              defaultImage: state.defaultImage,
+              onRebuild: props.rebuildBaseImage,
+              onPull: props.pullBaseImage,
+              onSetDefault: props.setDefaultImage
+            },
+            image.imageId
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: sectionTitle, children: t("customImagesTitle") }),
+          customImages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: hint, children: t("none") }) : customImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            ImageItem,
+            {
+              t,
+              image,
+              busy: state.busy,
+              defaultImage: state.defaultImage,
+              onRemove: props.removeImage,
+              onRebuild: props.rebuildImage,
+              onSetDefault: props.setDefaultImage
+            },
+            image.imageId
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            ImageBuildModal,
+            {
+              t,
+              images: state.images,
+              open: buildOpen,
+              imageId,
+              parent,
+              packages,
+              onImageId: setImageId,
+              onParent: setParent,
+              onPackages: setPackages,
+              onClose: () => setBuildOpen(false),
+              onBuild: () => {
+                props.buildImage(imageId.trim(), parent.trim(), packages);
+                setImageId("");
+                setParent("");
+                setPackages([]);
+                setBuildOpen(false);
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_dsh_client_ui_primitives11.Modal,
+            {
+              open: defaultOpen,
+              onClose: () => setDefaultOpen(false),
+              title: t("setDefaultImageTitle"),
+              closeLabel: t("cancel"),
+              footer: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_dsh_client_ui_primitives11.Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: () => setDefaultOpen(false),
+                    children: t("cancel")
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_dsh_client_ui_primitives11.Button,
+                  {
+                    variant: "primary",
+                    size: "sm",
+                    disabled: defaultImage === "",
+                    onClick: () => {
+                      props.setDefaultImage(defaultImage);
+                      setDefaultOpen(false);
+                    },
+                    children: t("setDefaultImage")
+                  }
+                )
+              ] }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                "select",
+                {
+                  style: imageSelect,
+                  value: defaultImage,
+                  onChange: (event) => setDefaultImage(event.target.value),
+                  children: [
+                    defaultCandidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: t("none") }) : null,
+                    defaultCandidates.map((name2) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: name2, children: name2 }, name2))
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            CachesSection,
+            {
+              t,
+              caches: state.caches,
+              busy: state.busy,
+              onClean: props.cleanCaches
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            VolumesSection,
+            {
+              t,
+              volumes: state.volumes,
+              busy: state.busy,
+              writable: state.writable,
+              onCreate: props.createVolume,
+              onRemove: props.removeVolume
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            SecretsSection,
+            {
+              t,
+              secrets: state.secrets,
+              busy: state.busy,
+              writable: state.writable,
+              onCreate: props.createSecret,
+              onRemove: props.removeSecret,
+              onSet: props.setSecret
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: sectionTitle, children: t("configTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap",
+                alignItems: "center",
+                gap: "8px",
+                padding: "8px 0"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "label",
+                  {
+                    htmlFor: projectsRootId,
+                    style: {
+                      fontSize: "13px",
+                      color: "var(--dsw-alias-label-secondary)",
+                      minWidth: "110px"
+                    },
+                    children: t("projectsRoot")
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  import_dsh_client_ui_primitives11.Input,
+                  {
+                    id: projectsRootId,
+                    value: state.projectsRoot,
+                    disabled: true,
+                    style: { width: "200px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            ConfigField,
+            {
+              t,
+              label: t("socketsRoot"),
+              value: state.socketsRootDraft,
+              current: state.socketsRoot,
+              writable: state.writable,
+              onChange: props.editSocketsRoot,
+              onSave: props.saveSocketsRoot,
+              onDiscard: props.discardSocketsRoot
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: footerRow, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_dsh_client_ui_primitives11.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: state.busy,
+              onClick: props.reload,
+              children: state.busy ? t("busy") : t("reload")
+            }
+          ) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/client/read-only-approval.tsx
+var import_dsh_client_ui_primitives12 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_react12 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var BUILTIN_PROMPT_PREFIX = "dsh_podman_builtin_";
+function ReadOnlyApprovalPanel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ReadOnlyApprovalFlow, { ...props }, props.matched.key);
+}
+function ReadOnlyApprovalFlow({
+  t,
+  matched
+}) {
+  const [answered, setAnswered] = (0, import_react12.useState)(false);
+  const answer = (outcome) => {
+    setAnswered(true);
+    void matched.answer(outcome).catch(() => setAnswered(false));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        padding: "8px calc(var(--dsh-composer-side-clearance) + 16px) 12px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "div",
+        {
+          style: {
+            overflow: "hidden",
+            width: "100%",
+            maxWidth: "var(--dsh-chat-content-width)",
+            border: "1px solid var(--dsw-alias-state-warn-secondary)",
+            borderRadius: "20px",
+            background: "var(--dsw-specific-input-major)",
+            boxShadow: "var(--dsw-shadow-lv2)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "8px",
+                  padding: "10px 16px",
+                  background: "var(--dsw-alias-state-warn-tertiary)",
+                  color: "var(--dsw-alias-state-warn-primary)",
+                  fontSize: "13px",
+                  lineHeight: "18px"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    "span",
+                    {
+                      style: {
+                        width: "8px",
+                        height: "8px",
+                        borderRadius: "50%",
+                        background: "var(--dsw-alias-state-warn-primary)"
+                      }
+                    }
+                  ),
+                  t("remountWaiting")
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "div",
+              {
+                style: {
+                  boxSizing: "border-box",
+                  maxHeight: "var(--dsh-composer-text-max-height)",
+                  overflowY: "auto",
+                  padding: "12px 16px 0"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "div",
+                  {
+                    style: {
+                      color: "var(--dsw-alias-label-primary)",
+                      fontSize: "15px",
+                      fontWeight: 500,
+                      lineHeight: "24px",
+                      whiteSpace: "pre-line"
+                    },
+                    children: matched.reason ?? ""
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "flex-end",
+                  gap: "8px",
+                  padding: "14px 16px"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    import_dsh_client_ui_primitives12.Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      disabled: answered,
+                      onClick: () => answer("rejected"),
+                      children: t("remountReject")
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    import_dsh_client_ui_primitives12.Button,
+                    {
+                      variant: "primary",
+                      size: "sm",
+                      disabled: answered,
+                      onClick: () => answer("allowed-once"),
+                      children: t("remountApprove")
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/client/tool-views.tsx
+var import_react13 = require("react");
+var import_dsh_client_ui_primitives13 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/terminal-styles.ts
+var TERMINAL_CLASS = "dsh-podman-terminal";
+var TERMINAL_STYLES = `
+.dsh-podman-terminal {
+  --dsl-terminal-font: var(--dsw-font-markdown-code-block-small);
+  --dsl-terminal-line-height: 18px;
+  --dsl-terminal-output-max-height: 224px;
+  margin: 4px 0 4px 4px;
+  border: 1px solid var(--dsw-alias-border-l1);
+}
+`;
+function installTerminalStyles(ctx) {
+  if (typeof document === "undefined") return;
+  ctx.effect(() => {
+    const tag = document.createElement("style");
+    tag.dataset.plugin = "@exagone313/dsh-podman";
+    tag.textContent = TERMINAL_STYLES;
+    document.head.appendChild(tag);
+    return () => {
+      tag.remove();
+    };
+  }, "podman: terminal styles");
+}
+
+// src/client/tool-views.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var TOOL_PRESENTATION = {
+  container_bash: { titleKey: "toolTitle_container_bash", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconApiOutline14, { size: 14 }), summaryKeys: ["description", "command"] },
+  container_exec: { titleKey: "toolTitle_container_exec", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconApiOutline14, { size: 14 }), summaryKeys: ["description", "argv"] },
+  container_read: { titleKey: "toolTitle_container_read", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconBrowseOutline16, { size: 14 }), summaryKeys: ["file_path"] },
+  container_write: { titleKey: "toolTitle_container_write", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconEditOutline16, { size: 14 }), summaryKeys: ["file_path"] },
+  container_edit: { titleKey: "toolTitle_container_edit", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconEditOutline16, { size: 14 }), summaryKeys: ["file_path"] },
+  container_glob: { titleKey: "toolTitle_container_glob", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconSearchOutline16, { size: 14 }), summaryKeys: ["pattern"] },
+  container_grep: { titleKey: "toolTitle_container_grep", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconSearchOutline16, { size: 14 }), summaryKeys: ["pattern"] },
+  container_list: { titleKey: "toolTitle_container_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconDataOutline16, { size: 14 }), summaryKeys: [] },
+  container_start: { titleKey: "toolTitle_container_start", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlayOutline16, { size: 14 }), summaryKeys: ["container", "image"] },
+  container_recreate: { titleKey: "toolTitle_container_recreate", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconRefreshOutline16, { size: 14 }), summaryKeys: ["container", "image"] },
+  container_remove: { titleKey: "toolTitle_container_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["container"] },
+  container_mount_list: { titleKey: "toolTitle_container_mount_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconFolderOpenOutline16, { size: 14 }), summaryKeys: ["container"] },
+  container_mount_add: { titleKey: "toolTitle_container_mount_add", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconFolderOpenOutline16, { size: 14 }), summaryKeys: ["container", "kind"] },
+  container_mount_remove: { titleKey: "toolTitle_container_mount_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["container"] },
+  container_mount_update: { titleKey: "toolTitle_container_mount_update", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconRefreshOutline16, { size: 14 }), summaryKeys: ["container", "mode"] },
+  container_path_set: { titleKey: "toolTitle_container_path_set", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconEditOutline16, { size: 14 }), summaryKeys: ["container"] },
+  container_path_add: { titleKey: "toolTitle_container_path_add", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlusOutline16, { size: 14 }), summaryKeys: ["container", "path"] },
+  container_path_remove: { titleKey: "toolTitle_container_path_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["container", "path"] },
+  container_secret_add: { titleKey: "toolTitle_container_secret_add", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconLinkOutline16, { size: 14 }), summaryKeys: ["container", "env"] },
+  container_secret_remove: { titleKey: "toolTitle_container_secret_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconLinkOutline16, { size: 14 }), summaryKeys: ["container", "env"] },
+  image_list: { titleKey: "toolTitle_image_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconArchiveOutline20, { size: 14 }), summaryKeys: [] },
+  image_get: { titleKey: "toolTitle_image_get", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconArchiveOutline20, { size: 14 }), summaryKeys: ["imageId"] },
+  image_build: { titleKey: "toolTitle_image_build", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlusOutline16, { size: 14 }), summaryKeys: ["imageId", "parent"] },
+  image_rebuild: { titleKey: "toolTitle_image_rebuild", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconRefreshOutline16, { size: 14 }), summaryKeys: ["imageId"] },
+  image_rebuild_all: { titleKey: "toolTitle_image_rebuild_all", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconRefreshOutline16, { size: 14 }), summaryKeys: [] },
+  image_remove: { titleKey: "toolTitle_image_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["imageId"] },
+  volume_list: { titleKey: "toolTitle_volume_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconDataOutline16, { size: 14 }), summaryKeys: [] },
+  volume_create: { titleKey: "toolTitle_volume_create", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlusOutline16, { size: 14 }), summaryKeys: ["name"] },
+  volume_remove: { titleKey: "toolTitle_volume_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["name"] },
+  secret_list: { titleKey: "toolTitle_secret_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconLinkOutline16, { size: 14 }), summaryKeys: [] },
+  secret_create: { titleKey: "toolTitle_secret_create", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlusOutline16, { size: 14 }), summaryKeys: ["name"] },
+  secret_remove: { titleKey: "toolTitle_secret_remove", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconTrashOutline16, { size: 14 }), summaryKeys: ["name"] },
+  daemon_start: { titleKey: "toolTitle_daemon_start", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlayOutline16, { size: 14 }), summaryKeys: ["name"] },
+  daemon_list: { titleKey: "toolTitle_daemon_list", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconPlayOutline16, { size: 14 }), summaryKeys: ["container"] },
+  daemon_logs: { titleKey: "toolTitle_daemon_logs", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconBrowseOutline16, { size: 14 }), summaryKeys: ["name"] },
+  daemon_restart: { titleKey: "toolTitle_daemon_restart", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconRefreshOutline16, { size: 14 }), summaryKeys: ["name"] },
+  daemon_stop: { titleKey: "toolTitle_daemon_stop", icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconStopFill16, { size: 14 }), summaryKeys: ["name"] }
+};
+var TOOL_VIEW_KEYS = Object.keys(TOOL_PRESENTATION);
+var sepStyle = {
+  flex: "none",
+  width: "2px",
+  height: "2px",
+  borderRadius: "1px",
+  margin: "0 8px",
+  background: "var(--dsw-alias-label-caption)"
+};
+var summaryStyle = {
+  flex: "1 1 auto",
+  minWidth: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  fontSize: "14px",
+  lineHeight: "24px",
+  color: "var(--dsw-alias-label-tertiary)"
+};
+var errorSummaryStyle = {
+  ...summaryStyle,
+  color: "var(--dsw-alias-state-error-primary)"
+};
+var bodyStyle = {
+  margin: 0,
+  padding: "8px 10px",
+  maxHeight: "320px",
+  overflow: "auto",
+  fontFamily: "var(--dsw-font-mono, monospace)",
+  fontSize: "12px",
+  lineHeight: 1.5,
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word",
+  background: "var(--dsw-alias-bg-layer-3)",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: "8px"
+};
+var errorBodyStyle = {
+  ...bodyStyle,
+  color: "var(--dsw-alias-state-error-primary)"
+};
+function firstLine(text) {
+  const newline = text.indexOf("\n");
+  return newline === -1 ? text : text.slice(0, newline);
+}
+function parseArgs(argsRaw) {
+  try {
+    const parsed = JSON.parse(argsRaw);
+    return typeof parsed === "object" && parsed !== null ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function argSummary(args, keys, fallback) {
+  for (const key of keys) {
+    const value = args[key];
+    if (typeof value === "string" && value !== "") return firstLine(value);
+    if (Array.isArray(value) && value.length > 0) {
+      return firstLine(value.map((item) => String(item)).join(" "));
+    }
+  }
+  return fallback;
+}
+function resultText(block) {
+  if (!("kind" in block)) return null;
+  const parts = [];
+  for (const item of block.content) {
+    parts.push(item.type === "text" ? item.text : JSON.stringify(item, null, 2));
+  }
+  if (parts.length === 0 && block.error !== void 0) {
+    parts.push(`${block.error.name}: ${block.error.code}`);
+  }
+  return parts.join("\n") || null;
+}
+function prettyOutput(text) {
+  if (text === null) return null;
+  try {
+    const data = JSON.parse(text);
+    if (typeof data === "object" && data !== null) {
+      const record = data;
+      if ("stdout" in record || "stderr" in record) {
+        return [record.stdout, record.stderr].filter((value) => typeof value === "string" && value !== "").join("");
+      }
+    }
+  } catch {
+  }
+  return text;
+}
+function terminalCard(toolName, args, block, cwd) {
+  if (toolName !== "container_bash" && toolName !== "container_exec") return null;
+  const command = toolName === "container_bash" ? typeof args.command === "string" ? args.command : "" : Array.isArray(args.argv) ? args.argv.map((word) => String(word)).join(" ") : "";
+  const workdir = typeof args.workdir === "string" && args.workdir !== "" ? args.workdir : void 0;
+  const base = {
+    command,
+    cwd: workdir ?? cwd,
+    running: !("kind" in block)
+  };
+  if (!("kind" in block)) return base;
+  if (block.isError) return null;
+  const text = resultText(block);
+  if (text === null) return null;
+  try {
+    const data = JSON.parse(text);
+    if (typeof data !== "object" || data === null) return null;
+    const record = data;
+    const output = [record.stdout, record.stderr].filter((value) => typeof value === "string" && value !== "").join("");
+    const signal = typeof record.signal === "string" && record.signal !== "" ? record.signal : void 0;
+    return {
+      ...base,
+      output,
+      ...signal !== void 0 ? { signal } : { exitCode: typeof record.exitCode === "number" ? record.exitCode : 0 }
+    };
+  } catch {
+    return null;
+  }
+}
+function terminalLabels(t) {
+  return {
+    signal: (signal) => t("terminalSignal", { signal }),
+    exitCode: (code) => t("terminalExitCode", { code }),
+    running: t("terminalRunning"),
+    failed: t("terminalFailed"),
+    done: t("terminalDone"),
+    copy: t("copy"),
+    copied: t("copied"),
+    noOutput: t("terminalNoOutput"),
+    collapseAria: t("terminalCollapseAria"),
+    collapse: t("collapse"),
+    expandAria: (hidden) => t("terminalExpandAria", { n: hidden }),
+    expand: (hidden) => t("terminalExpandRest", { n: hidden })
+  };
+}
+function PodmanToolRow({
+  toolName,
+  block,
+  cwd,
+  home,
+  inspect,
+  t
+}) {
+  const presentation = TOOL_PRESENTATION[toolName];
+  const title = presentation === void 0 ? toolName : t(presentation.titleKey);
+  const settled = "kind" in block;
+  const argsRaw = (settled ? block.call?.argsRaw : block.argsRaw) ?? "";
+  const args = parseArgs(argsRaw);
+  const terminal = terminalCard(toolName, args, block, cwd);
+  const state = !settled ? "running" : block.error?.code === "interrupted" ? "stopped" : block.isError ? "error" : "done";
+  const output = prettyOutput(resultText(block));
+  const failureLine = state === "error" && output !== null && output !== "" ? firstLine(output) : null;
+  const summary = failureLine ?? argSummary(args, presentation?.summaryKeys ?? [], firstLine(argsRaw) || block.callId);
+  const [expanded, setExpanded] = (0, import_react13.useState)(false);
+  const expandable = terminal !== null || output !== null && output !== "";
+  const leading = state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.StateDot, { state: "error" }) : state === "stopped" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.StateDot, { state: "warning" }) : presentation?.icon ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dsh_client_ui_primitives13.IconSparkle16, { size: 14 });
+  void inspect;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_dsh_client_ui_primitives13.DisclosureRow,
+    {
+      icon: leading,
+      title,
+      open: expanded && expandable,
+      expandable,
+      onToggle: () => setExpanded((value) => !value),
+      expandOnRowClick: true,
+      keepContentWhenOpen: true,
+      collapsedContent: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: sepStyle, "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: failureLine !== null ? errorSummaryStyle : summaryStyle, children: summary })
+      ] }),
+      children: terminal !== null ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_dsh_client_ui_primitives13.TerminalBlock,
+        {
+          command: terminal.command,
+          cwd: terminal.cwd,
+          home,
+          output: terminal.output,
+          exitCode: terminal.exitCode,
+          signal: terminal.signal,
+          running: terminal.running,
+          maxLines: Infinity,
+          className: TERMINAL_CLASS,
+          labels: terminalLabels(t)
+        }
+      ) : expandable ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("pre", { style: state === "error" ? errorBodyStyle : bodyStyle, children: output }) : null
+    }
+  );
+}
+
+// src/client/container-card-controller.ts
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+
+// src/client/card-protocol.ts
+var CARD_PATH = "/api/podman/card";
+
+// src/client/card-client.ts
+var CARD_URL = CARD_PATH;
+async function failure(response) {
+  try {
+    const body = await response.json();
+    if (typeof body.error === "string" && body.error !== "") {
+      return new Error(body.error);
+    }
+  } catch {
+  }
+  return new Error(`card request failed (${response.status})`);
+}
+function createCardClient() {
+  return {
+    async snapshot() {
+      const response = await fetch(CARD_URL, {
+        headers: { accept: "application/json" }
+      });
+      if (!response.ok) throw await failure(response);
+      return await response.json();
+    },
+    async command(request) {
+      const response = await fetch(CARD_URL, {
+        method: "POST",
+        headers: {
+          accept: "application/json",
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({ command: request })
+      });
+      if (!response.ok) throw await failure(response);
+      return await response.json();
+    }
+  };
+}
+
+// src/client/container-card-controller.ts
+var CONTAINER_NS = "podman";
+var EMPTY_SNAPSHOT = {
+  version: "",
+  commit: "",
+  projectsRoot: "",
+  workspaces: [],
+  containers: [],
+  images: [],
+  volumes: [],
+  secrets: [],
+  caches: []
+};
+var ContainerCardController = class {
+  constructor(scope, client = createCardClient()) {
+    __publicField(this, "scope", scope);
+    __publicField(this, "store");
+    __publicField(this, "drafts", /* @__PURE__ */ new Map());
+    __publicField(this, "client");
+    __publicField(this, "snapshot", EMPTY_SNAPSHOT);
+    __publicField(this, "busy", false);
+    __publicField(this, "notice", "");
+    __publicField(this, "directoryPicker");
+    this.client = client;
+    this.store = (0, import_dsh_client_store.createSnapshotStore)(this.project());
+    scope.subscribe(() => {
+      this.publish();
+    });
+    void this.reload();
+  }
+  draft(field, current) {
+    return this.drafts.get(field) ?? current;
+  }
+  project() {
+    const snapshot = this.scope.getSnapshot();
+    const value = snapshot.value;
+    return {
+      available: snapshot.status === "ready" && value !== void 0,
+      writable: snapshot.writable,
+      busy: this.busy,
+      notice: this.notice,
+      version: this.snapshot.version,
+      commit: this.snapshot.commit,
+      defaultImage: value?.defaultImage ?? "",
+      defaultImageDraft: this.draft("defaultImage", value?.defaultImage ?? ""),
+      socketsRoot: value?.socketsRoot ?? "",
+      socketsRootDraft: this.draft("socketsRoot", value?.socketsRoot ?? ""),
+      projectsRoot: this.snapshot.projectsRoot,
+      ...this.directoryPicker === void 0 ? {} : { directoryPicker: this.directoryPicker },
+      workspaces: this.snapshot.workspaces,
+      containers: this.snapshot.containers,
+      images: this.snapshot.images,
+      volumes: this.snapshot.volumes,
+      secrets: this.snapshot.secrets,
+      caches: this.snapshot.caches
+    };
+  }
+  publish() {
+    this.store.set(this.project());
+  }
+  // setDirectoryPicker records the harness's directory picker (or clears it)
+  // and republishes, so the card shows or hides the browse affordance.
+  setDirectoryPicker(picker) {
+    this.directoryPicker = picker;
+    this.publish();
+  }
+  command(op, workspace, image, extra = {}) {
+    void this.dispatch({
+      op,
+      workspace,
+      image,
+      projectName: extra.projectName ?? "",
+      mounts: extra.mounts ?? [],
+      paths: extra.paths ?? [],
+      value: extra.value ?? "",
+      env: extra.env ?? {},
+      container: extra.container ?? "",
+      secret: extra.secret ?? "",
+      secretEnv: extra.secretEnv ?? "",
+      length: extra.length ?? 0,
+      charset: extra.charset ?? "",
+      packages: extra.packages ?? [],
+      secretEnvMap: extra.secretEnvMap ?? {},
+      cacheMode: extra.cacheMode ?? "",
+      mount: extra.mount ?? null
+    });
+  }
+  async dispatch(request) {
+    this.busy = true;
+    this.notice = "";
+    this.publish();
+    try {
+      const result = await this.client.command(request);
+      this.notice = result.notice ?? "";
+      this.snapshot = await this.client.snapshot();
+    } catch (error) {
+      this.notice = error instanceof Error ? error.message : String(error);
+    } finally {
+      this.busy = false;
+      this.publish();
+    }
+  }
+  async reload() {
+    try {
+      this.snapshot = await this.client.snapshot();
+      this.notice = "";
+    } catch (error) {
+      this.notice = error instanceof Error ? error.message : String(error);
+    }
+    this.publish();
+  }
+  edit(field, text) {
+    this.drafts.set(field, text);
+    this.publish();
+  }
+  save(field) {
+    const draft = this.drafts.get(field);
+    if (draft === void 0) return;
+    void this.scope.set(field, draft);
+  }
+  discard(field) {
+    this.drafts.delete(field);
+    this.publish();
+  }
+  inject() {
+    return {
+      hooks: { containerCard: this.store },
+      reload: () => {
+        void this.reload();
+      },
+      remove: (workspace) => this.command("remove", workspace, ""),
+      cleanCaches: (mode) => this.command("cache_clean", "", "", { cacheMode: mode }),
+      removeWorkspace: (workspace) => this.command("workspace_remove", workspace, ""),
+      recreate: (workspace, image, env) => this.command("recreate", workspace, image, { ...env ? { env } : {} }),
+      createContainer: (workspace, config) => this.command(
+        "create",
+        workspace.workspaceSlug,
+        config?.image ?? (workspace.imageId || this.defaultImage() || ""),
+        {
+          projectName: workspace.projectName,
+          ...config?.mounts && config.mounts.length > 0 ? { mounts: config.mounts } : {},
+          ...config?.env && Object.keys(config.env).length > 0 ? { env: config.env } : {},
+          ...config?.paths && config.paths.length > 0 ? { paths: config.paths } : {},
+          ...config?.secretEnv && Object.keys(config.secretEnv).length > 0 ? { secretEnvMap: config.secretEnv } : {}
+        }
+      ),
+      startContainer: (workspace, container, config) => this.command(
+        "create",
+        workspace.workspaceSlug,
+        config?.image ?? (workspace.imageId || this.defaultImage() || ""),
+        {
+          container,
+          ...config?.mounts && config.mounts.length > 0 ? { mounts: config.mounts } : {},
+          ...config?.env && Object.keys(config.env).length > 0 ? { env: config.env } : {},
+          ...config?.paths && config.paths.length > 0 ? { paths: config.paths } : {},
+          ...config?.secretEnv && Object.keys(config.secretEnv).length > 0 ? { secretEnvMap: config.secretEnv } : {}
+        }
+      ),
+      addContainerMount: (workspace, container, mount) => this.command("container_mount_add", workspace, "", { container, mount }),
+      removeContainerMount: (workspace, container, mount) => this.command("container_mount_remove", workspace, "", { container, mount }),
+      updateContainerMount: (workspace, container, mount) => this.command("container_mount_update", workspace, "", { container, mount }),
+      setContainerPaths: (workspace, container, paths) => this.command("container_path_set", workspace, "", { container, paths }),
+      createVolume: (name2) => this.command("volume_create", name2, ""),
+      removeVolume: (name2) => this.command("volume_remove", name2, ""),
+      removeImage: (imageId) => this.command("image_remove", imageId, ""),
+      rebuildImage: (imageId) => this.command("image_rebuild", imageId, ""),
+      rebuildAllImages: () => this.command("image_rebuild_all", "", ""),
+      buildImage: (imageId, parent, packages) => this.command("image_build", imageId, parent, { packages }),
+      rebuildBaseImage: (name2) => this.command("image_base_rebuild", name2, ""),
+      pullBaseImage: (name2) => this.command("image_base_pull", name2, ""),
+      setDefaultImage: (name2) => {
+        this.edit("defaultImage", name2);
+        this.save("defaultImage");
+      },
+      createSecret: (name2, length, charset) => this.command("secret_create", name2, "", {
+        ...length ? { length } : {},
+        ...charset ? { charset } : {}
+      }),
+      removeSecret: (name2) => this.command("secret_remove", name2, ""),
+      setSecret: (name2, value) => this.command("secret_set", name2, "", { value }),
+      addContainerSecret: (workspace, envVar, secret) => this.command("container_secret_add", workspace, "", {
+        container: "default",
+        secretEnv: envVar,
+        secret
+      }),
+      removeContainerSecret: (workspace, envVar) => this.command("container_secret_remove", workspace, "", {
+        container: "default",
+        secretEnv: envVar
+      }),
+      editDefaultImage: (text) => this.edit("defaultImage", text),
+      saveDefaultImage: () => this.save("defaultImage"),
+      discardDefaultImage: () => this.discard("defaultImage"),
+      editSocketsRoot: (text) => this.edit("socketsRoot", text),
+      saveSocketsRoot: () => this.save("socketsRoot"),
+      discardSocketsRoot: () => this.discard("socketsRoot")
+    };
+  }
+  defaultImage() {
+    return this.scope.getSnapshot().value?.defaultImage ?? "";
+  }
+};
+
+// src/client/locales.ts
+var NS = "podman";
+var en = {
+  cardTitle: "dsh-podman",
+  cardDescription: "Manage the guest containers and their images.",
+  reload: "Reload this view",
+  reloading: "Reloading\u2026",
+  notice: "Notice",
+  configTitle: "Configuration",
+  defaultImage: "Default image",
+  socketsRoot: "Sockets root",
+  projectsRoot: "Projects root",
+  defaultImageHint: "Image used when a workspace has no image of its own.",
+  save: "Save",
+  discard: "Discard",
+  workspacesTitle: "Workspaces",
+  noContainers: "This workspace has no containers yet.",
+  createContainer: "Create container",
+  containersTitle: "Containers",
+  containerName: "Container",
+  workspace: "Workspace",
+  image: "Image",
+  status: "Status",
+  created: "Created",
+  projects: "Projects",
+  remove: "Remove",
+  removePod: "Remove pod",
+  confirmRemovePod: "Remove this workspace's pod and all its containers? Volume and project data is kept.",
+  recreate: "Recreate",
+  recreateWithImage: "Recreate with image",
+  imagesTitle: "Images",
+  imageId: "Image ID",
+  baseImage: "Base image",
+  imageTag: "Tag",
+  builtAt: "Built at",
+  packages: "Packages",
+  volumesTitle: "Volumes",
+  createVolume: "Create volume",
+  removeVolume: "Remove",
+  volumeName: "Volume name",
+  secretsTitle: "Secrets",
+  createSecret: "Create secret",
+  secretName: "Secret name",
+  secretCharset: "Charset",
+  setSecret: "Set value",
+  removeSecret: "Remove",
+  removeImage: "Remove",
+  rebuildImage: "Rebuild",
+  rebuildAllImages: "Rebuild all",
+  buildImage: "Build image",
+  build: "Build",
+  buildImageTitle: "Build an image",
+  pullImage: "Pull",
+  setDefaultImage: "Set default",
+  setDefaultImageTitle: "Set default image",
+  baseImagesTitle: "Base images",
+  customImagesTitle: "Custom images",
+  primitive: "Primitive",
+  packageManager: "Package manager",
+  parent: "Parent",
+  selectImage: "Select an image",
+  cancel: "Cancel",
+  removeTag: "Remove",
+  env: "Env",
+  secretEnv: "Secret env",
+  envTitle: "Environment variables",
+  envKey: "Key",
+  envValue: "Value",
+  addEnv: "Add",
+  removeEnv: "Remove",
+  secretLength: "Length",
+  containerSecretsTitle: "Secret env vars",
+  attachSecret: "Attach",
+  secretEnvName: "Env var",
+  detachSecret: "Detach",
+  none: "None",
+  unavailable: "The container plugin is not available.",
+  busy: "Working\u2026",
+  confirmTitle: "Confirm action",
+  confirm: "Confirm",
+  confirmRemoveContainer: "Remove the default container of this workspace?",
+  confirmRecreate: "Recreate this container? Its ephemeral state is lost.",
+  confirmRemoveImage: "Remove this image? Containers using it must be recreated from another image.",
+  confirmRebuildImage: "Rebuild this image in place?",
+  confirmRebuildAllImages: "Rebuild every image in dependency order (base first)?",
+  confirmRemoveVolume: "Remove this volume and its data?",
+  confirmSetSecret: "Overwrite this secret's value?",
+  confirmRemoveSecret: "Remove this secret? Containers using it must drop it first.",
+  confirmDetachSecret: "Detach this secret environment variable from the container?",
+  mountsTitle: "Mounts",
+  addMount: "Add mount",
+  mountKind: "Kind",
+  mountProject: "Project",
+  mountProjectPath: "Project path",
+  browse: "Browse\u2026",
+  browseTitle: "Select a project directory",
+  browseSelect: "Select this directory",
+  browseLoading: "Loading\u2026",
+  browseError: "Could not read this directory.",
+  browseUnavailable: "This deployment has no directory picker.",
+  browseHidden: "Show hidden",
+  browseTruncated: "Too many folders to list; only the beginning is shown.",
+  browseOutsideRoot: "Choose a directory inside the projects root.",
+  mountDestination: "Destination",
+  pathsTitle: "PATH additions",
+  noPaths: "No PATH additions.",
+  editPaths: "Edit PATH additions",
+  addPath: "Path to add",
+  add: "Add",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  apply: "Apply",
+  dragToReorder: "Drag to reorder",
+  remountWaiting: "Waiting for approval",
+  remountApprove: "Remount & run",
+  remountReject: "Reject",
+  mountVolume: "Volume",
+  mountSecret: "Secret",
+  mountMode: "Mode",
+  readOnly: "Read-only",
+  readWrite: "Read-write",
+  remountReadOnly: "Remount as read-only",
+  remountReadWrite: "Remount as read-write",
+  confirmRemountReadOnly: "Remount this mount as read-only and recreate the container?",
+  confirmRemountReadWrite: "Remount this mount as read-write and recreate the container?",
+  confirmRemoveMount: "Remove this mount from the container and recreate it?",
+  cachesTitle: "Package caches",
+  noCaches: "No package cache is configured.",
+  cacheUsage: "{size} \xB7 {n} files",
+  cacheKeepLatest: "Keep latest versions",
+  confirmCacheKeepLatest: "Remove older cached package versions? Current versions are kept.",
+  cacheRemoveAll: "Remove all",
+  confirmCacheRemoveAll: "Remove every cached package? The next build re-downloads what it needs.",
+  addContainer: "Add container",
+  invalidContainerName: "Invalid container name",
+  containerNameTaken: "Container name already exists",
+  invalidName: "Start with a letter or digit; only letters, digits, '.', '_', '-' (max 64).",
+  invalidImageId: "Start with a letter, digit, or '_'; only letters, digits, '.', '_', '-', '/', ':' (max 128).",
+  terminalSignal: "signal {signal}",
+  terminalExitCode: "exit code {code}",
+  terminalRunning: "Running",
+  terminalFailed: "Failed",
+  terminalDone: "Done",
+  terminalNoOutput: "No output",
+  terminalCollapseAria: "Collapse output",
+  terminalExpandAria: "Expand the remaining {n} output lines",
+  terminalExpandRest: "\u2026 {n} more lines",
+  toolTitle_container_bash: "Container bash",
+  toolTitle_container_exec: "Container exec",
+  toolTitle_container_read: "Container read",
+  toolTitle_container_write: "Container write",
+  toolTitle_container_edit: "Container edit",
+  toolTitle_container_glob: "Container glob",
+  toolTitle_container_grep: "Container grep",
+  toolTitle_container_list: "List containers",
+  toolTitle_container_start: "Start container",
+  toolTitle_container_recreate: "Recreate container",
+  toolTitle_container_remove: "Remove container",
+  toolTitle_container_mount_list: "List mounts",
+  toolTitle_container_mount_add: "Add mount",
+  toolTitle_container_mount_remove: "Remove mount",
+  toolTitle_container_mount_update: "Change mount mode",
+  toolTitle_container_path_set: "Set PATH additions",
+  toolTitle_container_path_add: "Add PATH entry",
+  toolTitle_container_path_remove: "Remove PATH entry",
+  toolTitle_container_secret_add: "Attach secret",
+  toolTitle_container_secret_remove: "Detach secret",
+  toolTitle_image_list: "List images",
+  toolTitle_image_get: "Inspect image",
+  toolTitle_image_build: "Build image",
+  toolTitle_image_rebuild: "Rebuild image",
+  toolTitle_image_rebuild_all: "Rebuild all images",
+  toolTitle_image_remove: "Remove image",
+  toolTitle_volume_list: "List volumes",
+  toolTitle_volume_create: "Create volume",
+  toolTitle_volume_remove: "Remove volume",
+  toolTitle_secret_list: "List secrets",
+  toolTitle_secret_create: "Create secret",
+  toolTitle_secret_remove: "Remove secret",
+  toolTitle_daemon_start: "Start daemon",
+  toolTitle_daemon_list: "List daemons",
+  toolTitle_daemon_logs: "Daemon logs",
+  toolTitle_daemon_restart: "Restart daemon",
+  toolTitle_daemon_stop: "Stop daemon"
+};
+var zh = {
+  cardTitle: "dsh-podman",
+  cardDescription: "\u7BA1\u7406\u5DE5\u4F5C\u533A\u5BB9\u5668\u53CA\u5176\u955C\u50CF\u3002",
+  reload: "\u5237\u65B0\u6B64\u89C6\u56FE",
+  reloading: "\u5237\u65B0\u4E2D\u2026",
+  notice: "\u63D0\u793A",
+  configTitle: "\u914D\u7F6E",
+  defaultImage: "\u9ED8\u8BA4\u955C\u50CF",
+  socketsRoot: "\u5957\u63A5\u5B57\u6839\u76EE\u5F55",
+  projectsRoot: "\u9879\u76EE\u6839\u76EE\u5F55",
+  defaultImageHint: "\u5DE5\u4F5C\u533A\u6CA1\u6709\u81EA\u5E26\u955C\u50CF\u65F6\u4F7F\u7528\u7684\u955C\u50CF\u3002",
+  save: "\u4FDD\u5B58",
+  discard: "\u653E\u5F03",
+  workspacesTitle: "\u5DE5\u4F5C\u533A",
+  noContainers: "\u8BE5\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u5BB9\u5668\u3002",
+  createContainer: "\u521B\u5EFA\u5BB9\u5668",
+  containersTitle: "\u5BB9\u5668",
+  containerName: "\u5BB9\u5668",
+  workspace: "\u5DE5\u4F5C\u533A",
+  image: "\u955C\u50CF",
+  status: "\u72B6\u6001",
+  created: "\u521B\u5EFA\u65F6\u95F4",
+  projects: "\u9879\u76EE",
+  remove: "\u79FB\u9664",
+  removePod: "\u79FB\u9664 Pod",
+  confirmRemovePod: "\u79FB\u9664\u8BE5\u5DE5\u4F5C\u533A\u7684 Pod \u53CA\u5176\u6240\u6709\u5BB9\u5668\uFF1F\u5377\u548C\u9879\u76EE\u6570\u636E\u4F1A\u4FDD\u7559\u3002",
+  recreate: "\u91CD\u5EFA",
+  recreateWithImage: "\u4F7F\u7528\u955C\u50CF\u91CD\u5EFA",
+  imagesTitle: "\u955C\u50CF",
+  imageId: "\u955C\u50CF ID",
+  baseImage: "\u57FA\u7840\u955C\u50CF",
+  imageTag: "\u6807\u7B7E",
+  builtAt: "\u6784\u5EFA\u65F6\u95F4",
+  packages: "\u8F6F\u4EF6\u5305",
+  volumesTitle: "\u5377",
+  createVolume: "\u521B\u5EFA\u5377",
+  removeVolume: "\u79FB\u9664",
+  volumeName: "\u5377\u540D\u79F0",
+  secretsTitle: "\u673A\u5BC6",
+  createSecret: "\u521B\u5EFA\u673A\u5BC6",
+  secretName: "\u673A\u5BC6\u540D\u79F0",
+  secretCharset: "\u5B57\u7B26\u96C6",
+  setSecret: "\u8BBE\u7F6E\u503C",
+  removeSecret: "\u79FB\u9664",
+  removeImage: "\u79FB\u9664",
+  rebuildImage: "\u91CD\u5EFA",
+  rebuildAllImages: "\u91CD\u5EFA\u5168\u90E8",
+  buildImage: "\u6784\u5EFA\u955C\u50CF",
+  build: "\u6784\u5EFA",
+  buildImageTitle: "\u6784\u5EFA\u955C\u50CF",
+  pullImage: "\u62C9\u53D6",
+  setDefaultImage: "\u8BBE\u4E3A\u9ED8\u8BA4",
+  setDefaultImageTitle: "\u8BBE\u7F6E\u9ED8\u8BA4\u955C\u50CF",
+  baseImagesTitle: "\u57FA\u7840\u955C\u50CF",
+  customImagesTitle: "\u81EA\u5B9A\u4E49\u955C\u50CF",
+  primitive: "\u6E90\u955C\u50CF",
+  packageManager: "\u5305\u7BA1\u7406\u5668",
+  parent: "\u7236\u955C\u50CF",
+  selectImage: "\u9009\u62E9\u955C\u50CF",
+  cancel: "\u53D6\u6D88",
+  removeTag: "\u79FB\u9664",
+  env: "\u73AF\u5883\u53D8\u91CF",
+  secretEnv: "\u673A\u5BC6\u73AF\u5883\u53D8\u91CF",
+  envTitle: "\u73AF\u5883\u53D8\u91CF",
+  envKey: "\u952E",
+  envValue: "\u503C",
+  addEnv: "\u6DFB\u52A0",
+  removeEnv: "\u79FB\u9664",
+  secretLength: "\u957F\u5EA6",
+  containerSecretsTitle: "\u673A\u5BC6\u73AF\u5883\u53D8\u91CF",
+  attachSecret: "\u6CE8\u5165",
+  secretEnvName: "\u53D8\u91CF\u540D",
+  detachSecret: "\u79FB\u9664",
+  none: "\u65E0",
+  unavailable: "\u5BB9\u5668\u63D2\u4EF6\u4E0D\u53EF\u7528\u3002",
+  busy: "\u5904\u7406\u4E2D\u2026",
+  confirmTitle: "\u786E\u8BA4\u64CD\u4F5C",
+  confirm: "\u786E\u8BA4",
+  confirmRemoveContainer: "\u79FB\u9664\u8BE5\u5DE5\u4F5C\u533A\u7684\u9ED8\u8BA4\u5BB9\u5668\uFF1F",
+  confirmRecreate: "\u91CD\u5EFA\u8BE5\u5BB9\u5668\uFF1F\u5176\u4E34\u65F6\u72B6\u6001\u5C06\u4E22\u5931\u3002",
+  confirmRemoveImage: "\u79FB\u9664\u8BE5\u955C\u50CF\uFF1F\u4F7F\u7528\u5B83\u7684\u5BB9\u5668\u9700\u8981\u7528\u5176\u4ED6\u955C\u50CF\u91CD\u5EFA\u3002",
+  confirmRebuildImage: "\u5C31\u5730\u91CD\u5EFA\u8BE5\u955C\u50CF\uFF1F",
+  confirmRebuildAllImages: "\u6309\u4F9D\u8D56\u987A\u5E8F\u91CD\u5EFA\u5168\u90E8\u955C\u50CF\uFF08\u5148\u57FA\u7840\u955C\u50CF\uFF09\uFF1F",
+  confirmRemoveVolume: "\u79FB\u9664\u8BE5\u5377\u53CA\u5176\u6570\u636E\uFF1F",
+  confirmSetSecret: "\u8986\u76D6\u8BE5\u673A\u5BC6\u7684\u503C\uFF1F",
+  confirmRemoveSecret: "\u79FB\u9664\u8BE5\u673A\u5BC6\uFF1F\u4F7F\u7528\u5B83\u7684\u5BB9\u5668\u9700\u5148\u79FB\u9664\u6CE8\u5165\u3002",
+  confirmDetachSecret: "\u4ECE\u5BB9\u5668\u4E0A\u79FB\u9664\u8BE5\u673A\u5BC6\u73AF\u5883\u53D8\u91CF\uFF1F",
+  mountsTitle: "\u6302\u8F7D",
+  addMount: "\u6DFB\u52A0\u6302\u8F7D",
+  mountKind: "\u7C7B\u578B",
+  mountProject: "\u9879\u76EE",
+  mountProjectPath: "\u9879\u76EE\u8DEF\u5F84",
+  browse: "\u6D4F\u89C8\u2026",
+  browseTitle: "\u9009\u62E9\u9879\u76EE\u76EE\u5F55",
+  browseSelect: "\u9009\u62E9\u6B64\u76EE\u5F55",
+  browseLoading: "\u52A0\u8F7D\u4E2D\u2026",
+  browseError: "\u65E0\u6CD5\u8BFB\u53D6\u6B64\u76EE\u5F55\u3002",
+  browseUnavailable: "\u6B64\u90E8\u7F72\u6CA1\u6709\u76EE\u5F55\u9009\u62E9\u5668\u3002",
+  browseHidden: "\u663E\u793A\u9690\u85CF\u9879",
+  browseTruncated: "\u6587\u4EF6\u5939\u8FC7\u591A\uFF0C\u4EC5\u663E\u793A\u5F00\u5934\u90E8\u5206\u3002",
+  browseOutsideRoot: "\u8BF7\u9009\u62E9\u9879\u76EE\u6839\u76EE\u5F55\u5185\u7684\u76EE\u5F55\u3002",
+  mountDestination: "\u76EE\u6807\u8DEF\u5F84",
+  pathsTitle: "PATH \u9644\u52A0\u9879",
+  noPaths: "\u6CA1\u6709 PATH \u9644\u52A0\u9879\u3002",
+  editPaths: "\u7F16\u8F91 PATH \u9644\u52A0\u9879",
+  addPath: "\u8981\u6DFB\u52A0\u7684\u8DEF\u5F84",
+  add: "\u6DFB\u52A0",
+  moveUp: "\u4E0A\u79FB",
+  moveDown: "\u4E0B\u79FB",
+  apply: "\u5E94\u7528",
+  dragToReorder: "\u62D6\u52A8\u4EE5\u91CD\u65B0\u6392\u5E8F",
+  remountWaiting: "\u7B49\u5F85\u5BA1\u6279",
+  remountApprove: "\u91CD\u65B0\u6302\u8F7D\u5E76\u8FD0\u884C",
+  remountReject: "\u62D2\u7EDD",
+  mountVolume: "\u5377",
+  mountSecret: "\u673A\u5BC6",
+  mountMode: "\u6A21\u5F0F",
+  readOnly: "\u53EA\u8BFB",
+  readWrite: "\u8BFB\u5199",
+  remountReadOnly: "\u91CD\u65B0\u6302\u8F7D\u4E3A\u53EA\u8BFB",
+  remountReadWrite: "\u91CD\u65B0\u6302\u8F7D\u4E3A\u8BFB\u5199",
+  confirmRemountReadOnly: "\u5C06\u8BE5\u6302\u8F7D\u91CD\u65B0\u6302\u8F7D\u4E3A\u53EA\u8BFB\u5E76\u91CD\u5EFA\u5BB9\u5668\uFF1F",
+  confirmRemountReadWrite: "\u5C06\u8BE5\u6302\u8F7D\u91CD\u65B0\u6302\u8F7D\u4E3A\u8BFB\u5199\u5E76\u91CD\u5EFA\u5BB9\u5668\uFF1F",
+  confirmRemoveMount: "\u4ECE\u5BB9\u5668\u4E2D\u79FB\u9664\u8BE5\u6302\u8F7D\u5E76\u91CD\u5EFA\u5BB9\u5668\uFF1F",
+  cachesTitle: "\u8F6F\u4EF6\u5305\u7F13\u5B58",
+  noCaches: "\u672A\u914D\u7F6E\u8F6F\u4EF6\u5305\u7F13\u5B58\u3002",
+  cacheUsage: "{size} \xB7 {n} \u4E2A\u6587\u4EF6",
+  cacheKeepLatest: "\u4FDD\u7559\u6700\u65B0\u7248\u672C",
+  confirmCacheKeepLatest: "\u79FB\u9664\u8F83\u65E7\u7684\u7F13\u5B58\u8F6F\u4EF6\u5305\u7248\u672C\uFF1F\u5F53\u524D\u7248\u672C\u4F1A\u4FDD\u7559\u3002",
+  cacheRemoveAll: "\u5168\u90E8\u79FB\u9664",
+  confirmCacheRemoveAll: "\u79FB\u9664\u6240\u6709\u7F13\u5B58\u7684\u8F6F\u4EF6\u5305\uFF1F\u4E0B\u6B21\u6784\u5EFA\u4F1A\u91CD\u65B0\u4E0B\u8F7D\u6240\u9700\u5185\u5BB9\u3002",
+  addContainer: "\u6DFB\u52A0\u5BB9\u5668",
+  invalidContainerName: "\u5BB9\u5668\u540D\u79F0\u65E0\u6548",
+  containerNameTaken: "\u5BB9\u5668\u540D\u79F0\u5DF2\u5B58\u5728",
+  invalidName: "\u4EE5\u5B57\u6BCD\u6216\u6570\u5B57\u5F00\u5934\uFF0C\u4EC5\u53EF\u4F7F\u7528\u5B57\u6BCD\u3001\u6570\u5B57\u3001'.'\u3001'_'\u3001'-'\uFF08\u6700\u957F 64 \u4E2A\u5B57\u7B26\uFF09\u3002",
+  invalidImageId: "\u4EE5\u5B57\u6BCD\u3001\u6570\u5B57\u6216 '_' \u5F00\u5934\uFF0C\u4EC5\u53EF\u4F7F\u7528\u5B57\u6BCD\u3001\u6570\u5B57\u3001'.'\u3001'_'\u3001'-'\u3001'/'\u3001':'\uFF08\u6700\u957F 128 \u4E2A\u5B57\u7B26\uFF09\u3002",
+  terminalSignal: "\u4FE1\u53F7 {signal}",
+  terminalExitCode: "\u9000\u51FA\u7801 {code}",
+  terminalRunning: "\u8FD0\u884C\u4E2D",
+  terminalFailed: "\u5931\u8D25",
+  terminalDone: "\u5DF2\u5B8C\u6210",
+  terminalNoOutput: "\u65E0\u8F93\u51FA",
+  terminalCollapseAria: "\u6536\u8D77\u8F93\u51FA",
+  terminalExpandAria: "\u5C55\u5F00\u5176\u4F59 {n} \u884C\u8F93\u51FA",
+  terminalExpandRest: "\u2026 \u5176\u4F59 {n} \u884C",
+  toolTitle_container_bash: "\u5BB9\u5668 Bash",
+  toolTitle_container_exec: "\u5BB9\u5668\u6267\u884C",
+  toolTitle_container_read: "\u8BFB\u53D6\u5BB9\u5668\u6587\u4EF6",
+  toolTitle_container_write: "\u5199\u5165\u5BB9\u5668\u6587\u4EF6",
+  toolTitle_container_edit: "\u7F16\u8F91\u5BB9\u5668\u6587\u4EF6",
+  toolTitle_container_glob: "\u5BB9\u5668\u6587\u4EF6\u5339\u914D",
+  toolTitle_container_grep: "\u5BB9\u5668\u6587\u4EF6\u641C\u7D22",
+  toolTitle_container_list: "\u5217\u51FA\u5BB9\u5668",
+  toolTitle_container_start: "\u542F\u52A8\u5BB9\u5668",
+  toolTitle_container_recreate: "\u91CD\u5EFA\u5BB9\u5668",
+  toolTitle_container_remove: "\u79FB\u9664\u5BB9\u5668",
+  toolTitle_container_mount_list: "\u5217\u51FA\u6302\u8F7D",
+  toolTitle_container_mount_add: "\u6DFB\u52A0\u6302\u8F7D",
+  toolTitle_container_mount_remove: "\u79FB\u9664\u6302\u8F7D",
+  toolTitle_container_mount_update: "\u66F4\u6539\u6302\u8F7D\u6A21\u5F0F",
+  toolTitle_container_path_set: "\u8BBE\u7F6E PATH \u9644\u52A0\u9879",
+  toolTitle_container_path_add: "\u6DFB\u52A0 PATH \u6761\u76EE",
+  toolTitle_container_path_remove: "\u79FB\u9664 PATH \u6761\u76EE",
+  toolTitle_container_secret_add: "\u6CE8\u5165\u673A\u5BC6",
+  toolTitle_container_secret_remove: "\u79FB\u9664\u673A\u5BC6\u6CE8\u5165",
+  toolTitle_image_list: "\u5217\u51FA\u955C\u50CF",
+  toolTitle_image_get: "\u67E5\u770B\u955C\u50CF",
+  toolTitle_image_build: "\u6784\u5EFA\u955C\u50CF",
+  toolTitle_image_rebuild: "\u91CD\u5EFA\u955C\u50CF",
+  toolTitle_image_rebuild_all: "\u91CD\u5EFA\u5168\u90E8\u955C\u50CF",
+  toolTitle_image_remove: "\u79FB\u9664\u955C\u50CF",
+  toolTitle_volume_list: "\u5217\u51FA\u5377",
+  toolTitle_volume_create: "\u521B\u5EFA\u5377",
+  toolTitle_volume_remove: "\u79FB\u9664\u5377",
+  toolTitle_secret_list: "\u5217\u51FA\u673A\u5BC6",
+  toolTitle_secret_create: "\u521B\u5EFA\u673A\u5BC6",
+  toolTitle_secret_remove: "\u79FB\u9664\u673A\u5BC6",
+  toolTitle_daemon_start: "\u542F\u52A8\u5B88\u62A4\u8FDB\u7A0B",
+  toolTitle_daemon_list: "\u5217\u51FA\u5B88\u62A4\u8FDB\u7A0B",
+  toolTitle_daemon_logs: "\u5B88\u62A4\u8FDB\u7A0B\u65E5\u5FD7",
+  toolTitle_daemon_restart: "\u91CD\u542F\u5B88\u62A4\u8FDB\u7A0B",
+  toolTitle_daemon_stop: "\u505C\u6B62\u5B88\u62A4\u8FDB\u7A0B"
+};
+
+// src/client/index.ts
+var name = "podman";
+var inject = ["slots", "locale", "settingsScope"];
+function apply(ctx) {
+  installTerminalStyles(ctx);
+  installDirectoryStyles(ctx);
+  ctx.effect(
+    () => ctx.locale.register(NS, { en, zh }),
+    "podman: dictionaries"
+  );
+  const scope = ctx.settingsScope.bind({
+    namespace: CONTAINER_NS,
+    decode: (section) => typeof section === "object" && section !== null ? section : void 0
+  });
+  const syncLocale = () => {
+    const snapshot = scope.getSnapshot();
+    if (snapshot.status !== "ready" || !snapshot.writable) return;
+    const active = ctx.locale.getSnapshot().active;
+    if (snapshot.value?.uiLocale === active) return;
+    void scope.set("uiLocale", active);
+  };
+  syncLocale();
+  scope.subscribe(syncLocale);
+  ctx.effect(() => ctx.on("locale/change", syncLocale), "podman: locale sync");
+  const controller = new ContainerCardController(scope);
+  ctx.inject(["remote", "remote.directoryPicker"], (pickerCtx) => {
+    controller.setDirectoryPicker(buildDirectoryPicker(pickerCtx.remote));
+    pickerCtx.effect(() => () => {
+      controller.setDirectoryPicker(void 0);
+    }, "podman: directory picker");
+  });
+  ctx.slots.inject(
+    "settings.plugin.item",
+    () => ctx.slots.register(
+      {
+        name: "settings.plugin.item",
+        key: CONTAINER_NS,
+        locale: NS,
+        inject: () => controller.inject()
+      },
+      ContainerCard
+    )
+  );
+  for (const key of TOOL_VIEW_KEYS) {
+    ctx.slots.inject(
+      "tool.call.toolview",
+      () => ctx.slots.register(
+        { name: "tool.call.toolview", key, locale: NS },
+        PodmanToolRow
+      )
+    );
+  }
+  ctx.slots.inject(
+    "conversation.composer",
+    () => ctx.slots.register(
+      {
+        name: "conversation.composer",
+        priority: 0,
+        locale: NS,
+        select: ({ pendingInteraction }) => {
+          const pending = pendingInteraction;
+          return pending?.kind === "approval" && typeof pending.toolName === "string" && pending.toolName.startsWith(BUILTIN_PROMPT_PREFIX) ? pending : null;
+        }
+      },
+      ReadOnlyApprovalPanel
+    )
+  );
+}
+
+return module.exports; } });