@lostgradient/cinder 0.8.0 → 0.9.0

package/dist/server/index.server-gkazv439.js

@@ -0,0 +1,576 @@
+import {
+  Payload_inspector
+} from "./index.server-m0ezemav.js";
+import {
+  Status_dot
+} from "./index.server-npxtkwjp.js";
+import {
+  Collapsible
+} from "./index.server-mvhf8b7g.js";
+import {
+  Card
+} from "./index.server-8dt36sdm.js";
+import {
+  Code_block
+} from "./index.server-d3pqthtp.js";
+import {
+  Copy_button
+} from "./index.server-z1q7qnb8.js";
+import {
+  Tooltip
+} from "./index.server-txnxnbd6.js";
+import {
+  Badge
+} from "./index.server-thedzn9z.js";
+import {
+  Signal_high,
+  Signal_low,
+  Signal_medium
+} from "./index.server-m191rm44.js";
+import {
+  Button
+} from "./index.server-t859hsx1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/approval-card/approval-card.svelte
+import * as $2 from "svelte/internal/server";
+// src/components/approval-card/approval-card-actions.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/approval-card/approval-card-state.ts
+var ARGUMENTS_PREVIEW_MAX_CHARACTERS = 4096;
+var RISK_LABELS = {
+  low: "Low risk",
+  medium: "Medium risk",
+  high: "High risk"
+};
+var STATE_LABELS = {
+  pending: "Pending",
+  approved: "Approved",
+  approved_with_edits: "Approved with edits",
+  denied: "Denied",
+  expired: "Expired",
+  cancelled: "Cancelled"
+};
+var STATE_DOT_STATUS = {
+  pending: "pending",
+  approved: "success",
+  approved_with_edits: "success",
+  denied: "danger",
+  expired: "neutral",
+  cancelled: "offline"
+};
+function resolveEffectiveApprovalState(approvalState, expirationTimestamp, currentTime) {
+  if (approvalState !== "pending" || expirationTimestamp === undefined)
+    return approvalState;
+  return resolveComparisonTime(currentTime) >= expirationTimestamp ? "expired" : approvalState;
+}
+function isApprovalActionable(approvalState, expirationTimestamp, currentTime) {
+  if (approvalState !== "pending")
+    return false;
+  if (expirationTimestamp === undefined)
+    return true;
+  return resolveComparisonTime(currentTime) < expirationTimestamp;
+}
+function resolveComparisonTime(currentTime) {
+  return currentTime ?? Date.now();
+}
+function parseExpirationTimestamp(value) {
+  if (!value)
+    return;
+  const timestamp = Date.parse(value);
+  return Number.isFinite(timestamp) ? timestamp : undefined;
+}
+function formatRemainingTime(milliseconds) {
+  const totalSeconds = Math.max(0, Math.ceil(milliseconds / 1000));
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  if (hours > 0)
+    return `${hours}h ${minutes}m`;
+  if (minutes > 0)
+    return `${minutes}m ${seconds}s`;
+  return `${seconds}s`;
+}
+function normalizeArgumentsPreviewValue(value) {
+  if (typeof value !== "string")
+    return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return value;
+  }
+}
+function prepareArgumentsPreview(value) {
+  try {
+    const serialized = JSON.stringify(value);
+    if (typeof serialized !== "string" || serialized.length <= ARGUMENTS_PREVIEW_MAX_CHARACTERS) {
+      return { value, truncated: false };
+    }
+    return {
+      value: {
+        notice: "Arguments preview truncated",
+        originalCharacters: serialized.length,
+        displayedCharacters: ARGUMENTS_PREVIEW_MAX_CHARACTERS,
+        excerpt: serialized.slice(0, ARGUMENTS_PREVIEW_MAX_CHARACTERS)
+      },
+      truncated: true
+    };
+  } catch {
+    return { value, truncated: false };
+  }
+}
+function formatEditableArguments(value) {
+  try {
+    const serialized = JSON.stringify(value, null, 2);
+    return serialized ?? "null";
+  } catch {
+    return "{}";
+  }
+}
+function parseJsonText(text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch {
+    return { ok: false, message: "Edited arguments must be valid JSON." };
+  }
+}
+function sanitizeEnvironmentNames(names) {
+  const seen = new Set;
+  const sanitizedNames = [];
+  for (const name of names) {
+    const [firstPart] = name.split("=");
+    const sanitizedName = firstPart?.trim() ?? "";
+    if (!sanitizedName || seen.has(sanitizedName))
+      continue;
+    seen.add(sanitizedName);
+    sanitizedNames.push(sanitizedName);
+  }
+  return sanitizedNames;
+}
+function dedupeFilePaths(paths) {
+  const seen = new Set;
+  const uniquePaths = [];
+  for (const path of paths) {
+    if (seen.has(path))
+      continue;
+    seen.add(path);
+    uniquePaths.push(path);
+  }
+  return uniquePaths;
+}
+
+// src/components/approval-card/approval-card-actions.svelte
+function Approval_card_actions($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      idBase,
+      requestKey,
+      canEditArguments,
+      argumentsValue,
+      resolve
+    } = $$props;
+    const reasonId = $.derived(() => `${idBase}-resolution-reason`);
+    const editorId = $.derived(() => `${idBase}-edited-arguments`);
+    const editRegionId = $.derived(() => `${idBase}-edit-region`);
+    const editDescriptionId = $.derived(() => `${idBase}-edit-description`);
+    const editErrorId = $.derived(() => `${idBase}-edit-error`);
+    let resolutionReason = "";
+    let rememberResolution = false;
+    let editingArguments = false;
+    let editedArgumentsText = "";
+    let previousRequestKey = requestKey;
+    let previousArgumentsSnapshot = formatEditableArguments(argumentsValue);
+    const editParseResult = $.derived(() => parseJsonText(editedArgumentsText));
+    function emitResolution(decision, editedArgs) {
+      const trimmedReason = resolutionReason.trim();
+      const resolution = { decision, remember: rememberResolution };
+      if (decision === "approve_with_edits") {
+        resolution.editedArgs = editedArgs;
+      }
+      if (trimmedReason) {
+        resolution.reason = trimmedReason;
+      }
+      resolve(resolution);
+    }
+    function toggleEditingArguments() {
+      if (!canEditArguments)
+        return;
+      if (!editingArguments) {
+        editedArgumentsText = formatEditableArguments(argumentsValue);
+      }
+      editingArguments = !editingArguments;
+    }
+    function handleConfirmEditedApproval() {
+      if (!canEditArguments || !editParseResult().ok)
+        return;
+      emitResolution("approve_with_edits", editParseResult().value);
+    }
+    $$renderer2.push(`<div class="cinder-approval-card__actions"><div class="cinder-approval-card__resolution-controls"><label class="cinder-approval-card__control-label"${$.attr("for", reasonId())}>Reason</label> <textarea${$.attr("id", reasonId())} class="cinder-approval-card__textarea cinder-approval-card__textarea--reason" rows="2">`);
+    const $$body = $.escape(resolutionReason);
+    if ($$body) {
+      $$renderer2.push(`${$$body}`);
+    } else {}
+    $$renderer2.push(`</textarea></div> <div class="cinder-approval-card__action-row" role="group" aria-label="Approval actions"><label class="cinder-approval-card__remember-control"><input type="checkbox"${$.attr("checked", rememberResolution, true)}/> <span>Don't ask again for operations like this</span></label> <div class="cinder-approval-card__action-buttons">`);
+    Button($$renderer2, {
+      type: "button",
+      variant: "ghost",
+      class: "cinder-approval-card__dismiss",
+      onclick: () => emitResolution("cancel"),
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Dismiss`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      type: "button",
+      variant: "soft-danger",
+      onclick: () => emitResolution("deny"),
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Deny`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    if (canEditArguments) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        type: "button",
+        variant: "secondary",
+        onclick: toggleEditingArguments,
+        "aria-expanded": editingArguments,
+        "aria-controls": editingArguments ? editRegionId() : undefined,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Approve with edits`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    Button($$renderer2, {
+      type: "button",
+      variant: "primary",
+      onclick: () => emitResolution("approve"),
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Approve`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div></div> `);
+    if (editingArguments && canEditArguments) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$.attr("id", editRegionId())} class="cinder-approval-card__editor"><label class="cinder-approval-card__control-label"${$.attr("for", editorId())}>Edited arguments JSON</label> <p${$.attr("id", editDescriptionId())} class="cinder-approval-card__muted">Approving sends the parsed JSON below instead of the original arguments.</p> <textarea${$.attr("id", editorId())} class="cinder-approval-card__textarea" rows="8" spellcheck="false"${$.attr("aria-describedby", editParseResult().ok ? editDescriptionId() : `${editDescriptionId()} ${editErrorId()}`)}${$.attr("aria-invalid", editParseResult().ok ? undefined : "true")}>`);
+      const $$body_1 = $.escape(editedArgumentsText);
+      if ($$body_1) {
+        $$renderer2.push(`${$$body_1}`);
+      } else {}
+      $$renderer2.push(`</textarea> `);
+      if (!editParseResult().ok) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<p${$.attr("id", editErrorId())} class="cinder-approval-card__error" role="alert">${$.escape(editParseResult().message)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <div class="cinder-approval-card__editor-actions">`);
+      Button($$renderer2, {
+        type: "button",
+        variant: "primary",
+        onclick: handleConfirmEditedApproval,
+        disabled: !editParseResult().ok,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Confirm edited approval`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Approval_card_actions);
+}
+
+// src/components/approval-card/approval-card.svelte
+function Approval_card($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $2.props_id($$renderer2);
+    const RISK_ICONS = { low: Signal_low, medium: Signal_medium, high: Signal_high };
+    let {
+      tool,
+      sandbox,
+      operation,
+      env = [],
+      snapshotId,
+      policyVersion,
+      idempotencyKey,
+      expiresAt,
+      state: approvalState,
+      editableArgs = false,
+      headingLevel = 3,
+      onresolve,
+      id,
+      class: customClassName,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const rootId = $2.derived(() => id ?? generatedId);
+    const titleId = $2.derived(() => `${rootId()}-title`);
+    const resolvedHeadingLevel = $2.derived(() => Number.isFinite(Math.trunc(Number(headingLevel))) ? Math.min(6, Math.max(2, Math.trunc(Number(headingLevel)))) : 3);
+    const titleTag = $2.derived(() => `h${resolvedHeadingLevel()}`);
+    const sectionTag = $2.derived(() => `h${Math.min(6, resolvedHeadingLevel() + 1)}`);
+    let currentTime = undefined;
+    let expirationTimer;
+    const expirationTimestamp = $2.derived(() => parseExpirationTimestamp(expiresAt));
+    const effectiveState = $2.derived(() => resolveEffectiveApprovalState(approvalState, expirationTimestamp(), currentTime));
+    const isActionable = $2.derived(() => isApprovalActionable(approvalState, expirationTimestamp(), currentTime));
+    const hasResolutionCallback = $2.derived(() => typeof onresolve === "function");
+    const riskLabel = $2.derived(() => RISK_LABELS[tool.risk]);
+    const RiskIcon = $2.derived(() => RISK_ICONS[tool.risk]);
+    const stateText = $2.derived(() => STATE_LABELS[effectiveState()]);
+    const readonlySummary = $2.derived(() => `No approval actions are available because this request is ${stateText().toLowerCase()}.`);
+    const expirationText = $2.derived(() => {
+      if (approvalState !== "pending" || effectiveState() !== "pending" || expirationTimestamp() === undefined || currentTime === undefined) {
+        return;
+      }
+      return `Expires in ${formatRemainingTime(expirationTimestamp() - currentTime)}`;
+    });
+    const hasArgumentsPreview = $2.derived(() => operation.argsPreview !== undefined);
+    const editableArgumentsValue = $2.derived(() => normalizeArgumentsPreviewValue(operation.argsPreview));
+    const argumentsPreview = $2.derived(() => prepareArgumentsPreview(editableArgumentsValue()));
+    const canEditArguments = $2.derived(() => editableArgs && hasArgumentsPreview());
+    const filesTouched = $2.derived(() => dedupeFilePaths(operation.filesTouched ?? []));
+    const filesTouchedLabel = $2.derived(() => `${filesTouched().length} file${filesTouched().length === 1 ? "" : "s"}`);
+    const environmentNames = $2.derived(() => sanitizeEnvironmentNames(env));
+    function clearExpirationTimer() {
+      if (expirationTimer !== undefined) {
+        clearTimeout(expirationTimer);
+        expirationTimer = undefined;
+      }
+    }
+    function resolveIfActionable(resolution) {
+      const comparisonTime = expirationTimestamp() === undefined ? currentTime : Date.now();
+      if (!isApprovalActionable(approvalState, expirationTimestamp(), comparisonTime)) {
+        if (approvalState === "pending" && expirationTimestamp() !== undefined) {
+          currentTime = comparisonTime;
+        }
+        return;
+      }
+      if (typeof onresolve === "function")
+        onresolve(resolution);
+    }
+    $$renderer2.push(`<article${$2.attributes({
+      ...rest,
+      id: rootId(),
+      class: $2.clsx(classNames("cinder-approval-card", customClassName)),
+      "aria-labelledby": titleId(),
+      "data-cinder-state": effectiveState(),
+      "data-cinder-risk": tool.risk
+    })}>`);
+    {
+      let header = function($$renderer3) {
+        $$renderer3.push(`<div class="cinder-approval-card__header"><div class="cinder-approval-card__title-group">`);
+        $2.element($$renderer3, titleTag(), () => {
+          $$renderer3.push(`${$2.attr("id", titleId())} class="cinder-approval-card__title"`);
+        }, () => {
+          $$renderer3.push(`Approval required for <span class="cinder-approval-card__title-tool">${$2.escape(tool.name)}</span>`);
+        });
+        $$renderer3.push(`</div> <div class="cinder-approval-card__badges" role="group" aria-label="Approval status">`);
+        Status_dot($$renderer3, {
+          status: STATE_DOT_STATUS[effectiveState()],
+          label: stateText(),
+          size: "sm"
+        });
+        $$renderer3.push(`<!----> `);
+        Tooltip($$renderer3, {
+          text: riskLabel(),
+          describe: false,
+          children: ($$renderer4) => {
+            $$renderer4.push(`<span class="cinder-approval-card__risk-icon" role="img" tabindex="0"${$2.attr("aria-label", riskLabel())}${$2.attr("data-cinder-risk", tool.risk)}>`);
+            if (RiskIcon()) {
+              $$renderer4.push("<!--[-->");
+              RiskIcon()($$renderer4, { size: 16, strokeWidth: 2.25, "aria-hidden": "true" });
+              $$renderer4.push("<!--]-->");
+            } else {
+              $$renderer4.push("<!--[!-->");
+              $$renderer4.push("<!--]-->");
+            }
+            $$renderer4.push(`</span>`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----> `);
+        if (expirationText()) {
+          $$renderer3.push("<!--[0-->");
+          Badge($$renderer3, {
+            variant: "warning",
+            size: "sm",
+            children: ($$renderer4) => {
+              $$renderer4.push(`<!---->${$2.escape(expirationText())}`);
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div></div>`);
+      };
+      Card($$renderer2, {
+        padding: "none",
+        class: "cinder-approval-card__surface",
+        header,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<div class="cinder-approval-card__body">`);
+          if (operation.kind === "command" && operation.command) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-approval-card__section">`);
+            Code_block($$renderer3, {
+              code: operation.command,
+              language: "shell",
+              showLanguageLabel: false
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else if (operation.kind === "patch" && operation.diff) {
+            $$renderer3.push("<!--[1-->");
+            $$renderer3.push(`<div class="cinder-approval-card__section">`);
+            Code_block($$renderer3, {
+              code: operation.diff,
+              language: "diff",
+              showLanguageLabel: false
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (filesTouched().length > 0) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-approval-card__section"><div class="cinder-approval-card__section-heading">`);
+            $2.element($$renderer3, sectionTag(), () => {
+              $$renderer3.push(` class="cinder-approval-card__section-title"`);
+            }, () => {
+              $$renderer3.push(`Files touched`);
+            });
+            $$renderer3.push(` `);
+            Badge($$renderer3, {
+              size: "sm",
+              children: ($$renderer4) => {
+                $$renderer4.push(`<!---->${$2.escape(filesTouchedLabel())}`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push(`<!----></div> <ul class="cinder-approval-card__file-list"><!--[-->`);
+            const each_array = $2.ensure_array_like(filesTouched());
+            for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+              let file = each_array[$$index];
+              $$renderer3.push(`<li class="cinder-approval-card__file"><span class="cinder-approval-card__file-path">${$2.escape(file)}</span> `);
+              Copy_button($$renderer3, {
+                value: file,
+                label: `Copy path ${file}`,
+                copiedLabel: "Path copied",
+                class: "cinder-approval-card__file-copy",
+                iconOnly: true
+              });
+              $$renderer3.push(`<!----></li>`);
+            }
+            $$renderer3.push(`<!--]--></ul></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (hasArgumentsPreview()) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-approval-card__section">`);
+            Payload_inspector($$renderer3, {
+              value: argumentsPreview().value,
+              truncated: argumentsPreview().truncated,
+              label: `${tool.name} arguments`
+            });
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          Collapsible($$renderer3, {
+            trigger: "Details",
+            class: "cinder-approval-card__details",
+            children: ($$renderer4) => {
+              $$renderer4.push(`<div class="cinder-approval-card__details-content">`);
+              if (sandbox) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div class="cinder-approval-card__details-group"><p class="cinder-approval-card__details-label">Sandbox</p> <dl class="cinder-approval-card__metadata cinder-approval-card__metadata--compact"><div class="cinder-approval-card__metadata-item"><dt>Provider</dt> <dd>${$2.escape(sandbox.provider)}</dd></div> <div class="cinder-approval-card__metadata-item"><dt>Profile</dt> <dd>${$2.escape(sandbox.name)}</dd></div> <div class="cinder-approval-card__metadata-item"><dt>Working directory</dt> <dd>${$2.escape(sandbox.workingDir)}</dd></div></dl></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> `);
+              if (environmentNames().length > 0) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div class="cinder-approval-card__details-group"><p class="cinder-approval-card__details-label">Environment</p> <ul class="cinder-approval-card__environment-list" aria-label="Environment variable names only; values are never shown"><!--[-->`);
+                const each_array_1 = $2.ensure_array_like(environmentNames());
+                for (let $$index_1 = 0, $$length = each_array_1.length;$$index_1 < $$length; $$index_1++) {
+                  let environmentName = each_array_1[$$index_1];
+                  $$renderer4.push(`<li>`);
+                  Badge($$renderer4, {
+                    size: "sm",
+                    mono: true,
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<!---->${$2.escape(environmentName)}`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push(`<!----></li>`);
+                }
+                $$renderer4.push(`<!--]--></ul></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--> <dl class="cinder-approval-card__metadata"><div class="cinder-approval-card__metadata-item"><dt>Policy version</dt> <dd>${$2.escape(policyVersion)} <span class="cinder-approval-card__metadata-help">Approval policy that produced this request.</span></dd></div> <div class="cinder-approval-card__metadata-item"><dt>Idempotency key</dt> <dd>${$2.escape(idempotencyKey)} <span class="cinder-approval-card__metadata-help">Keeps this decision durable if it is submitted more than once.</span></dd></div> `);
+              if (snapshotId) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`<div class="cinder-approval-card__metadata-item"><dt>Snapshot</dt> <dd>${$2.escape(snapshotId)} <span class="cinder-approval-card__metadata-help">Workspace snapshot this request was captured against.</span></dd></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--></dl></div>`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer3.push(`<!----> `);
+          if (isActionable() && hasResolutionCallback()) {
+            $$renderer3.push("<!--[0-->");
+            Approval_card_actions($$renderer3, {
+              idBase: rootId(),
+              requestKey: idempotencyKey,
+              canEditArguments: canEditArguments(),
+              argumentsValue: editableArgumentsValue(),
+              resolve: resolveIfActionable
+            });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (!isActionable()) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<p class="cinder-approval-card__readonly-summary"${$2.attr("data-cinder-state", effectiveState())}>${$2.escape(readonlySummary())}</p>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        },
+        $$slots: { header: true, default: true }
+      });
+    }
+    $$renderer2.push(`<!----></article>`);
+  }, Approval_card);
+}
+
+// src/components/approval-card/index.ts
+var approval_card_default = Approval_card;
+export { Approval_card, approval_card_default };
+
+//# debugId=4BF0F9DF540B462B64756E2164756E21

package/dist/server/{index.server-dp9j2kkr.js → index.server-h0cvwvhy.js}

@@ -1,6 +1,6 @@
 import {
   Date_picker
-} from "./index.server-n39drzes.js";
+} from "./index.server-hpeavvnq.js";
 import {
   composeDescribedBy,
   describeId,

package/dist/server/{index.server-pacrqvyz.js → index.server-h90pjrez.js}

@@ -1,6 +1,6 @@
 import {
   Checkbox
-} from "./index.server-e8x1hgw6.js";
+} from "./index.server-dz1r9xw5.js";
 
 // src/components/checkbox/index.ts
 var checkbox_default = Checkbox;

package/dist/server/{index.server-p8d04em5.js → index.server-hcsd5gdb.js}

@@ -16,6 +16,7 @@ function Tab($$renderer, $$props) {
     let {
       value,
       id,
+      controls,
       disabled = false,
       class: className,
       children,
@@ -23,7 +24,10 @@ function Tab($$renderer, $$props) {
     } = $$props;
     const tabs = getTabsContext();
     const tabId = $.derived(() => id ?? `${tabs.baseId}-tab-${value}`);
-    const panelId = $.derived(() => `${tabs.baseId}-panel-${value}`);
+    const panelId = $.derived(() => {
+      const controlsId = controls?.trim();
+      return controlsId ? controlsId : `${tabs.baseId}-panel-${value}`;
+    });
     const isActive = $.derived(() => tabs.isActive(value));
     const isFocusable = $.derived(() => tabs.isFocusable(value));
     let buttonElement = undefined;
@@ -50,4 +54,4 @@ function Tab($$renderer, $$props) {
 
 export { Tab };
 
-//# debugId=4429D4B97160FEB764756E2164756E21
+//# debugId=DBDEFAA28B6CE73064756E2164756E21

package/dist/server/{index.server-n39drzes.js → index.server-hpeavvnq.js}

@@ -3,7 +3,7 @@ import {
 } from "./index.server-nq2r5m1r.js";
 import {
   Popover
-} from "./index.server-hcfnae5y.js";
+} from "./index.server-dwwqssey.js";
 import {
   classNames
 } from "./index.server-z7nvkz8v.js";

package/dist/server/{index.server-1p3patnj.js → index.server-hx91ng7z.js}

@@ -1,6 +1,6 @@
 import {
   Tab
-} from "./index.server-p8d04em5.js";
+} from "./index.server-hcsd5gdb.js";
 
 // src/components/tab/index.ts
 var tab_default = Tab;

package/dist/server/{index.server-jtj3r53y.js → index.server-jgb8yh5k.js}

@@ -1,6 +1,6 @@
 import {
   Segment
-} from "./index.server-e3fnv1g6.js";
+} from "./index.server-sedjxt36.js";
 
 // src/components/segment/index.ts
 var segment_default = Segment;

package/dist/server/{index.server-w1g5q9j9.js → index.server-jtgw9d23.js}

@@ -66,6 +66,8 @@ function Button_group($$renderer, $$props) {
   }, Button_group);
 }
 
-export { Button_group };
+// src/components/button-group/index.ts
+var button_group_default = Button_group;
+export { Button_group, button_group_default };
 
-//# debugId=F7564F4B28772EA064756E2164756E21
+//# debugId=7F1A1EC89BAC818D64756E2164756E21

package/dist/server/{index.server-mehav5vs.js → index.server-jxg42jpz.js}

@@ -1,6 +1,9 @@
 import {
   Table
 } from "./index.server-mzj20rfz.js";
+import {
+  Table_header
+} from "./index.server-v90d8593.js";
 import {
   Table_header_cell
 } from "./index.server-8gv0tm3r.js";
@@ -13,9 +16,6 @@ import {
 import {
   Table_cell
 } from "./index.server-4kxpbg4p.js";
-import {
-  Table_header
-} from "./index.server-v90d8593.js";
 
 // src/components/table/index.ts
 var Table2 = Object.assign(Table, {
@@ -28,4 +28,4 @@ var Table2 = Object.assign(Table, {
 var table_default = Table2;
 export { Table2 as Table, table_default };
 
-//# debugId=D664DC57C613438D64756E2164756E21
+//# debugId=F8B5387F8E64233864756E2164756E21