shadow-claw 1.27.0 → 1.28.0

package/dist/lib/{shadow-claw-notifications-v62FryTc.js.map → shadow-claw-notifications-C9KPMgx_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shadow-claw-notifications-v62FryTc.js","names":["shadowClawNotificationsStyles","shadowClawNotificationsTemplate"],"sources":["../../src/components/settings/shadow-claw-notifications/shadow-claw-notifications.ts"],"sourcesContent":["import {\n  getCurrentSubscription,\n  getPushFetchOptions,\n  getPushUrl,\n  subscribeToPush,\n  unsubscribeFromPush,\n} from \"../../../subsystems/notifications/push-client.js\";\n\nimport { CONFIG_KEYS } from \"../../../config/config.js\";\nimport { getDb } from \"../../../db/db.js\";\nimport { getConfig } from \"../../../db/getConfig.js\";\nimport { setConfig } from \"../../../db/setConfig.js\";\nimport { showError, showSuccess } from \"../../../ui/toast.js\";\n\nimport \"../../common/shadow-claw-empty-state/shadow-claw-empty-state.js\";\n\nimport ShadowClawElement from \"../../shadow-claw-element.js\";\nimport shadowClawNotificationsStyles from \"./shadow-claw-notifications.css\" with { type: \"css\" };\nimport shadowClawNotificationsTemplate from \"./shadow-claw-notifications.html\" with { type: \"html\" };\n\nconst elementName = \"shadow-claw-notifications\";\n\n/**\n * Settings sub-component for Web Push Notification management:\n * subscribe/unsubscribe toggle, subscription list, send test notification.\n */\nexport class ShadowClawNotifications extends ShadowClawElement {\n  static styles = shadowClawNotificationsStyles;\n  static template = shadowClawNotificationsTemplate;\n\n  public _backendAvailable: boolean = true;\n  public _selectedId: number | null = null;\n  public _subscribed: boolean = false;\n  public _subscriptions: Array<{\n    id: number;\n    endpoint: string;\n    created_at: string;\n  }> = [];\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    const root = this.shadowRoot;\n    if (!root) {\n      throw new Error(\"shadowRoot not found\");\n    }\n\n    await this.refreshState();\n    await this.loadProxyConfig();\n    await this.loadSubscriptions();\n\n    this.bindEventListeners();\n  }\n\n  bindEventListeners() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    root\n      .querySelector('[data-action=\"toggle-push\"]')\n      ?.addEventListener(\"click\", () => this.handleToggle());\n\n    root\n      .querySelector('[data-action=\"send-notification\"]')\n      ?.addEventListener(\"click\", () => this.handleSendNotification());\n\n    root\n      .querySelector('[data-action=\"delete-subscription\"]')\n      ?.addEventListener(\"click\", () => this.handleDeleteSubscription());\n\n    root\n      .querySelector('[data-action=\"refresh-subscriptions\"]')\n      ?.addEventListener(\"click\", () => this.loadSubscriptions());\n\n    root\n      .querySelector('[data-input=\"push-proxy-url\"]')\n      ?.addEventListener(\"change\", (e) => this.handleProxyUrlChange(e));\n  }\n\n  renderSubscriptionList() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const list = root.querySelector('[data-info=\"subscription-list\"]');\n    if (!list) {\n      return;\n    }\n\n    list.replaceChildren();\n\n    if (this._subscriptions.length === 0) {\n      const message = this._backendAvailable\n        ? \"No subscriptions stored.\"\n        : \"⚠️ Backend services unavailable (push notification server is not running).\";\n\n      const emptyState = document.createElement(\"shadow-claw-empty-state\");\n      emptyState.setAttribute(\"compact\", \"\");\n      emptyState.setAttribute(\"message\", message);\n      list.append(emptyState);\n\n      return;\n    }\n\n    this._subscriptions.forEach((sub) => {\n      const shortId = `#${sub.id}`;\n      const endpointShort =\n        sub.endpoint.length > 60 ? `…${sub.endpoint.slice(-56)}` : sub.endpoint;\n      const date = sub.created_at || \"\";\n\n      const item = document.createElement(\"div\");\n      item.className = `subscription-item${this._selectedId === sub.id ? \" selected\" : \"\"}`;\n      item.setAttribute(\"data-sub-id\", String(sub.id));\n      item.setAttribute(\"data-endpoint\", sub.endpoint);\n\n      const idEl = document.createElement(\"span\");\n      idEl.className = \"subscription-id\";\n      idEl.title = sub.endpoint;\n      idEl.textContent = `${shortId} ${endpointShort}`;\n\n      const dateEl = document.createElement(\"span\");\n      dateEl.className = \"subscription-date\";\n      dateEl.textContent = date;\n\n      item.append(idEl, dateEl);\n\n      item.addEventListener(\"click\", () => {\n        this._selectedId = sub.id;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n      });\n\n      list.append(item);\n    });\n  }\n\n  updateActionButtons() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const hasSelection = this._selectedId != null;\n    const sendBtn = root.querySelector(\n      '[data-action=\"send-notification\"]',\n    ) as HTMLButtonElement | null;\n    const deleteBtn = root.querySelector(\n      '[data-action=\"delete-subscription\"]',\n    ) as HTMLButtonElement | null;\n\n    if (sendBtn) {\n      sendBtn.disabled = !hasSelection;\n    }\n\n    if (deleteBtn) {\n      deleteBtn.disabled = !hasSelection;\n    }\n  }\n\n  updateToggle() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const toggle = root.querySelector('[data-action=\"toggle-push\"]');\n    const status = root.querySelector('[data-info=\"subscription-status\"]');\n\n    if (toggle) {\n      toggle.setAttribute(\"aria-checked\", String(this._subscribed));\n    }\n\n    if (status) {\n      status.textContent = this._subscribed ? \"Enabled\" : \"Disabled\";\n    }\n  }\n\n  async handleDeleteSubscription() {\n    if (this._selectedId == null) {\n      return;\n    }\n\n    try {\n      const url = await getPushUrl(`/push/subscription/${this._selectedId}`);\n      const res = await fetch(\n        url,\n        getPushFetchOptions(url, {\n          method: \"DELETE\",\n        }),\n      );\n\n      if (res.ok) {\n        showSuccess(\"Subscription deleted.\");\n        await this.loadSubscriptions();\n      } else {\n        showError(\"Failed to delete subscription.\");\n      }\n    } catch (err) {\n      showError(`Delete failed: ${(err as Error).message}`);\n    }\n  }\n\n  async handleProxyUrlChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const value = input.value.trim();\n\n    try {\n      const db = await getDb();\n      await setConfig(db, CONFIG_KEYS.PUSH_PROXY_URL, value);\n      showSuccess(\"Push proxy URL updated.\");\n      await this.loadSubscriptions();\n    } catch (err) {\n      showError(`Failed to save proxy URL: ${(err as Error).message}`);\n    }\n  }\n\n  async handleSendNotification() {\n    if (this._selectedId == null) {\n      return;\n    }\n\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const input = root.querySelector(\n      '[data-input=\"notification-text\"]',\n    ) as HTMLInputElement | null;\n    const payload = input?.value?.trim() || \"Test notification from ShadowClaw\";\n\n    const sub = this._subscriptions.find((s) => s.id === this._selectedId);\n    if (!sub) {\n      return;\n    }\n\n    try {\n      const url = await getPushUrl(\"/push/send\");\n      const res = await fetch(\n        url,\n        getPushFetchOptions(url, {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ endpoint: sub.endpoint, payload }),\n        }),\n      );\n\n      if (res.ok) {\n        showSuccess(\"Notification sent!\");\n      } else if (res.status === 410) {\n        showError(\"Subscription expired and was removed.\");\n        await this.loadSubscriptions();\n      } else {\n        const data = await res.json().catch(() => ({}));\n        showError(`Failed to send: ${data.error || res.statusText}`);\n      }\n    } catch (err) {\n      showError(`Send failed: ${(err as Error).message}`);\n    }\n  }\n\n  async handleToggle() {\n    try {\n      if (this._subscribed) {\n        await unsubscribeFromPush();\n        this._subscribed = false;\n        showSuccess(\"Push notifications disabled.\");\n      } else {\n        await subscribeToPush();\n        this._subscribed = true;\n        showSuccess(\"Push notifications enabled!\");\n      }\n\n      this.updateToggle();\n      await this.loadSubscriptions();\n    } catch (err) {\n      showError(`Push notification error: ${(err as Error).message}`);\n    }\n  }\n\n  async loadProxyConfig() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const db = await getDb();\n    const proxyUrl = await getConfig(db, CONFIG_KEYS.PUSH_PROXY_URL);\n    const input = root.querySelector(\n      '[data-input=\"push-proxy-url\"]',\n    ) as HTMLInputElement | null;\n\n    if (input) {\n      input.value = proxyUrl || \"\";\n    }\n  }\n\n  /**\n   * Load all stored subscriptions from the server.\n   */\n  async loadSubscriptions() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    try {\n      const isStaticHost =\n        typeof location !== \"undefined\" &&\n        (location.protocol === \"file:\" ||\n          location.hostname.endsWith(\".github.io\") ||\n          location.hostname.endsWith(\".pages.dev\"));\n\n      const db = await getDb();\n      const proxyUrl =\n        (await getConfig(db, CONFIG_KEYS.PUSH_PROXY_URL)) ||\n        (typeof localStorage !== \"undefined\"\n          ? localStorage.getItem(CONFIG_KEYS.PUSH_PROXY_URL)\n          : null);\n\n      if (isStaticHost && !proxyUrl) {\n        this._subscriptions = [];\n        this._backendAvailable = false;\n        this._selectedId = null;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n        return;\n      }\n\n      const url = await getPushUrl(\"/push/subscriptions\");\n      const res = await fetch(url, getPushFetchOptions(url));\n\n      if (!res.ok) {\n        this._subscriptions = [];\n        this._backendAvailable = false;\n        this._selectedId = null;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n        return;\n      }\n\n      this._subscriptions = await res.json();\n      this._backendAvailable = true;\n    } catch {\n      this._subscriptions = [];\n      this._backendAvailable = false;\n    }\n\n    this._selectedId = null;\n    this.renderSubscriptionList();\n    this.updateActionButtons();\n  }\n\n  /**\n   * Check current subscription state and update the toggle.\n   */\n  async refreshState() {\n    try {\n      const sub = await getCurrentSubscription();\n      this._subscribed = !!sub;\n      this.updateToggle();\n    } catch {\n      // Service worker may not be ready\n      this._subscribed = false;\n      this.updateToggle();\n    }\n  }\n}\n\n/**\n * Encode a string safe for use as an HTML attribute value.\n */\ncustomElements.define(elementName, ShadowClawNotifications);\n"],"mappings":"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"}
+{"version":3,"file":"shadow-claw-notifications-C9KPMgx_.js","names":["shadowClawNotificationsStyles","shadowClawNotificationsTemplate"],"sources":["../../src/components/settings/shadow-claw-notifications/shadow-claw-notifications.ts"],"sourcesContent":["import {\n  getCurrentSubscription,\n  getPushFetchOptions,\n  getPushUrl,\n  subscribeToPush,\n  unsubscribeFromPush,\n} from \"../../../subsystems/notifications/push-client.js\";\n\nimport { CONFIG_KEYS } from \"../../../config/config.js\";\nimport { getDb } from \"../../../db/db.js\";\nimport { getConfig } from \"../../../db/getConfig.js\";\nimport { setConfig } from \"../../../db/setConfig.js\";\nimport { showError, showSuccess } from \"../../../ui/toast.js\";\n\nimport \"../../common/shadow-claw-empty-state/shadow-claw-empty-state.js\";\n\nimport ShadowClawElement from \"../../shadow-claw-element.js\";\nimport shadowClawNotificationsStyles from \"./shadow-claw-notifications.css\" with { type: \"css\" };\nimport shadowClawNotificationsTemplate from \"./shadow-claw-notifications.html\" with { type: \"html\" };\n\nconst elementName = \"shadow-claw-notifications\";\n\n/**\n * Settings sub-component for Web Push Notification management:\n * subscribe/unsubscribe toggle, subscription list, send test notification.\n */\nexport class ShadowClawNotifications extends ShadowClawElement {\n  static styles = shadowClawNotificationsStyles;\n  static template = shadowClawNotificationsTemplate;\n\n  public _backendAvailable: boolean = true;\n  public _selectedId: number | null = null;\n  public _subscribed: boolean = false;\n  public _subscriptions: Array<{\n    id: number;\n    endpoint: string;\n    created_at: string;\n  }> = [];\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    const root = this.shadowRoot;\n    if (!root) {\n      throw new Error(\"shadowRoot not found\");\n    }\n\n    await this.refreshState();\n    await this.loadProxyConfig();\n    await this.loadSubscriptions();\n\n    this.bindEventListeners();\n  }\n\n  bindEventListeners() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    root\n      .querySelector('[data-action=\"toggle-push\"]')\n      ?.addEventListener(\"click\", () => this.handleToggle());\n\n    root\n      .querySelector('[data-action=\"send-notification\"]')\n      ?.addEventListener(\"click\", () => this.handleSendNotification());\n\n    root\n      .querySelector('[data-action=\"delete-subscription\"]')\n      ?.addEventListener(\"click\", () => this.handleDeleteSubscription());\n\n    root\n      .querySelector('[data-action=\"refresh-subscriptions\"]')\n      ?.addEventListener(\"click\", () => this.loadSubscriptions());\n\n    root\n      .querySelector('[data-input=\"push-proxy-url\"]')\n      ?.addEventListener(\"change\", (e) => this.handleProxyUrlChange(e));\n  }\n\n  renderSubscriptionList() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const list = root.querySelector('[data-info=\"subscription-list\"]');\n    if (!list) {\n      return;\n    }\n\n    list.replaceChildren();\n\n    if (this._subscriptions.length === 0) {\n      const message = this._backendAvailable\n        ? \"No subscriptions stored.\"\n        : \"⚠️ Backend services unavailable (push notification server is not running).\";\n\n      const emptyState = document.createElement(\"shadow-claw-empty-state\");\n      emptyState.setAttribute(\"compact\", \"\");\n      emptyState.setAttribute(\"message\", message);\n      list.append(emptyState);\n\n      return;\n    }\n\n    this._subscriptions.forEach((sub) => {\n      const shortId = `#${sub.id}`;\n      const endpointShort =\n        sub.endpoint.length > 60 ? `…${sub.endpoint.slice(-56)}` : sub.endpoint;\n      const date = sub.created_at || \"\";\n\n      const item = document.createElement(\"div\");\n      item.className = `subscription-item${this._selectedId === sub.id ? \" selected\" : \"\"}`;\n      item.setAttribute(\"data-sub-id\", String(sub.id));\n      item.setAttribute(\"data-endpoint\", sub.endpoint);\n\n      const idEl = document.createElement(\"span\");\n      idEl.className = \"subscription-id\";\n      idEl.title = sub.endpoint;\n      idEl.textContent = `${shortId} ${endpointShort}`;\n\n      const dateEl = document.createElement(\"span\");\n      dateEl.className = \"subscription-date\";\n      dateEl.textContent = date;\n\n      item.append(idEl, dateEl);\n\n      item.addEventListener(\"click\", () => {\n        this._selectedId = sub.id;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n      });\n\n      list.append(item);\n    });\n  }\n\n  updateActionButtons() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const hasSelection = this._selectedId != null;\n    const sendBtn = root.querySelector(\n      '[data-action=\"send-notification\"]',\n    ) as HTMLButtonElement | null;\n    const deleteBtn = root.querySelector(\n      '[data-action=\"delete-subscription\"]',\n    ) as HTMLButtonElement | null;\n\n    if (sendBtn) {\n      sendBtn.disabled = !hasSelection;\n    }\n\n    if (deleteBtn) {\n      deleteBtn.disabled = !hasSelection;\n    }\n  }\n\n  updateToggle() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const toggle = root.querySelector('[data-action=\"toggle-push\"]');\n    const status = root.querySelector('[data-info=\"subscription-status\"]');\n\n    if (toggle) {\n      toggle.setAttribute(\"aria-checked\", String(this._subscribed));\n    }\n\n    if (status) {\n      status.textContent = this._subscribed ? \"Enabled\" : \"Disabled\";\n    }\n  }\n\n  async handleDeleteSubscription() {\n    if (this._selectedId == null) {\n      return;\n    }\n\n    try {\n      const url = await getPushUrl(`/push/subscription/${this._selectedId}`);\n      const res = await fetch(\n        url,\n        getPushFetchOptions(url, {\n          method: \"DELETE\",\n        }),\n      );\n\n      if (res.ok) {\n        showSuccess(\"Subscription deleted.\");\n        await this.loadSubscriptions();\n      } else {\n        showError(\"Failed to delete subscription.\");\n      }\n    } catch (err) {\n      showError(`Delete failed: ${(err as Error).message}`);\n    }\n  }\n\n  async handleProxyUrlChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const value = input.value.trim();\n\n    try {\n      const db = await getDb();\n      await setConfig(db, CONFIG_KEYS.PUSH_PROXY_URL, value);\n      showSuccess(\"Push proxy URL updated.\");\n      await this.loadSubscriptions();\n    } catch (err) {\n      showError(`Failed to save proxy URL: ${(err as Error).message}`);\n    }\n  }\n\n  async handleSendNotification() {\n    if (this._selectedId == null) {\n      return;\n    }\n\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const input = root.querySelector(\n      '[data-input=\"notification-text\"]',\n    ) as HTMLInputElement | null;\n    const payload = input?.value?.trim() || \"Test notification from ShadowClaw\";\n\n    const sub = this._subscriptions.find((s) => s.id === this._selectedId);\n    if (!sub) {\n      return;\n    }\n\n    try {\n      const url = await getPushUrl(\"/push/send\");\n      const res = await fetch(\n        url,\n        getPushFetchOptions(url, {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ endpoint: sub.endpoint, payload }),\n        }),\n      );\n\n      if (res.ok) {\n        showSuccess(\"Notification sent!\");\n      } else if (res.status === 410) {\n        showError(\"Subscription expired and was removed.\");\n        await this.loadSubscriptions();\n      } else {\n        const data = await res.json().catch(() => ({}));\n        showError(`Failed to send: ${data.error || res.statusText}`);\n      }\n    } catch (err) {\n      showError(`Send failed: ${(err as Error).message}`);\n    }\n  }\n\n  async handleToggle() {\n    try {\n      if (this._subscribed) {\n        await unsubscribeFromPush();\n        this._subscribed = false;\n        showSuccess(\"Push notifications disabled.\");\n      } else {\n        await subscribeToPush();\n        this._subscribed = true;\n        showSuccess(\"Push notifications enabled!\");\n      }\n\n      this.updateToggle();\n      await this.loadSubscriptions();\n    } catch (err) {\n      showError(`Push notification error: ${(err as Error).message}`);\n    }\n  }\n\n  async loadProxyConfig() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    const db = await getDb();\n    const proxyUrl = await getConfig(db, CONFIG_KEYS.PUSH_PROXY_URL);\n    const input = root.querySelector(\n      '[data-input=\"push-proxy-url\"]',\n    ) as HTMLInputElement | null;\n\n    if (input) {\n      input.value = proxyUrl || \"\";\n    }\n  }\n\n  /**\n   * Load all stored subscriptions from the server.\n   */\n  async loadSubscriptions() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    try {\n      const isStaticHost =\n        typeof location !== \"undefined\" &&\n        (location.protocol === \"file:\" ||\n          location.hostname.endsWith(\".github.io\") ||\n          location.hostname.endsWith(\".pages.dev\"));\n\n      const db = await getDb();\n      const proxyUrl =\n        (await getConfig(db, CONFIG_KEYS.PUSH_PROXY_URL)) ||\n        (typeof localStorage !== \"undefined\"\n          ? localStorage.getItem(CONFIG_KEYS.PUSH_PROXY_URL)\n          : null);\n\n      if (isStaticHost && !proxyUrl) {\n        this._subscriptions = [];\n        this._backendAvailable = false;\n        this._selectedId = null;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n        return;\n      }\n\n      const url = await getPushUrl(\"/push/subscriptions\");\n      const res = await fetch(url, getPushFetchOptions(url));\n\n      if (!res.ok) {\n        this._subscriptions = [];\n        this._backendAvailable = false;\n        this._selectedId = null;\n        this.renderSubscriptionList();\n        this.updateActionButtons();\n        return;\n      }\n\n      this._subscriptions = await res.json();\n      this._backendAvailable = true;\n    } catch {\n      this._subscriptions = [];\n      this._backendAvailable = false;\n    }\n\n    this._selectedId = null;\n    this.renderSubscriptionList();\n    this.updateActionButtons();\n  }\n\n  /**\n   * Check current subscription state and update the toggle.\n   */\n  async refreshState() {\n    try {\n      const sub = await getCurrentSubscription();\n      this._subscribed = !!sub;\n      this.updateToggle();\n    } catch {\n      // Service worker may not be ready\n      this._subscribed = false;\n      this.updateToggle();\n    }\n  }\n}\n\n/**\n * Encode a string safe for use as an HTML attribute value.\n */\ncustomElements.define(elementName, ShadowClawNotifications);\n"],"mappings":"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"}

package/dist/lib/{shadow-claw-pages-BgPyIEZO.js → shadow-claw-pages-CGzGXmrI.js}

@@ -7,13 +7,13 @@ import { t as getConfig } from "./getConfig-BxxXMyuM.js";
 import { o as readGroupFile, t as toolsStore } from "./tools-DwwB9RBa.js";
 import { t as readGroupFileBytes } from "./readGroupFileBytes-C8oOe8Iu.js";
 import { t as fileViewerStore } from "./file-viewer-C3YKnq_-.js";
-import { nn as writeGroupFile, r as getStaticPageContent, t as orchestratorStore } from "./orchestrator-KRjx0eba.js";
+import { nn as writeGroupFile, r as getStaticPageContent, t as orchestratorStore } from "./orchestrator-BtVj9bBB.js";
 import { _ as getIframeSandboxPolicy, b as isAllowedCustomElement, g as getIframeCsp, h as getApprovedCustomElementScriptDescriptors, n as setSanitizedHtml, r as setTrustedSrcdoc, t as sanitizeSrcdocHtml } from "./trusted-types-Dx0RZlrd.js";
 import { t as require_buffer } from "./buffer-BEXn271X.js";
 import { a as showSuccess, r as showError, s as showWarning } from "./toast-DZ6r7_YI.js";
 import { getNamespacedItem, removeNamespacedItem, setNamespacedItem } from "./utils/namespacedStorage.js";
 import { t as effect } from "./effect-DL6j9HJp.js";
-import { n as splitFrontmatter, t as renderMarkdown } from "./markdown-C6EHl9zs.js";
+import { n as splitFrontmatter, t as renderMarkdown } from "./markdown-DEUoM1c6.js";
 import { t as isTruthyConfigValue } from "./config-value-Cxggje2K.js";
 import "./shadow-claw-page-header-action-button-BXXm5b5N.js";
 import "./shadow-claw-page-header-Cti2fzf-.js";
@@ -2307,4 +2307,4 @@ if (!customElements.get(elementName)) customElements.define(elementName, ShadowC
 
 //#endregion
 export { ShadowClawPages as t };
-//# sourceMappingURL=shadow-claw-pages-BgPyIEZO.js.map
+//# sourceMappingURL=shadow-claw-pages-CGzGXmrI.js.map