shadow-claw 1.51.0 → 1.52.1

package/dist/lib/{shadow-claw-notifications-Bm2aHQ0U.js.map → shadow-claw-notifications-ClqAXDDN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shadow-claw-notifications-Bm2aHQ0U.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-ClqAXDDN.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-page-header-BBqSWlhP.js → shadow-claw-page-header-bigC_h6U.js}

@@ -1,5 +1,5 @@
 import ShadowClawElement from "./components/shadow-claw-element.js";
-import { S as setSanitizedHtml } from "./utils-D_ylqOY-.js";
+import { S as setSanitizedHtml } from "./utils-D8AxCH6m.js";
 
 //#region src/components/shadow-claw-page-header/shadow-claw-page-header.css
 const sheet = new CSSStyleSheet();
@@ -361,4 +361,4 @@ if (!customElements.get(elementName)) customElements.define(elementName, ShadowC
 
 //#endregion
 export { ShadowClawPageHeader as t };
-//# sourceMappingURL=shadow-claw-page-header-BBqSWlhP.js.map
+//# sourceMappingURL=shadow-claw-page-header-bigC_h6U.js.map

package/dist/lib/{shadow-claw-page-header-BBqSWlhP.js.map → shadow-claw-page-header-bigC_h6U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shadow-claw-page-header-BBqSWlhP.js","names":["shadowClawPageHeaderStyles","shadowClawPageHeaderTemplate"],"sources":["../../src/components/shadow-claw-page-header/shadow-claw-page-header.ts"],"sourcesContent":["import ShadowClawElement from \"../shadow-claw-element.js\";\nimport { setSanitizedHtml } from \"../../security/trusted-types.js\";\nimport shadowClawPageHeaderStyles from \"./shadow-claw-page-header.css\" with { type: \"css\" };\nimport shadowClawPageHeaderTemplate from \"./shadow-claw-page-header.html\" with { type: \"html\" };\n\nconst elementName = \"shadow-claw-page-header\";\n\n/**\n * Reusable page header component with mobile-first responsive design.\n * Supports title, actions, and optional breadcrumbs.\n */\nexport class ShadowClawPageHeader extends ShadowClawElement {\n  static styles = shadowClawPageHeaderStyles;\n  static template = shadowClawPageHeaderTemplate;\n\n  static get observedAttributes() {\n    return [\"title\", \"page-title\", \"icon\"];\n  }\n\n  mainCollapsed: boolean = false;\n  mainVisibilityMediaQuery: MediaQueryList | null = null;\n  manualMainCollapsedOverride: boolean | null = null;\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, oldValue, newValue) {\n    if (oldValue !== newValue) {\n      this.render();\n    }\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.render();\n  }\n\n  disconnectedCallback() {\n    this.actionsLayoutCleanup();\n    this.mainVisibilityCleanup();\n  }\n\n  actionsLayoutCleanup: () => void = () => {};\n\n  applyMainVisibility(root?: ShadowRoot) {\n    const targetRoot = root || this.shadowRoot;\n    if (!targetRoot) {\n      return;\n    }\n\n    const headerMain = targetRoot.querySelector(\".header__main\");\n    if (!(headerMain instanceof HTMLElement)) {\n      return;\n    }\n\n    const collapsed = this.getEffectiveMainCollapsed();\n    this.mainCollapsed = collapsed;\n    headerMain.hidden = collapsed;\n  }\n\n  getAutoMainCollapsed() {\n    return false;\n  }\n\n  getEffectiveMainCollapsed() {\n    if (typeof this.manualMainCollapsedOverride === \"boolean\") {\n      return this.manualMainCollapsedOverride;\n    }\n\n    return this.getAutoMainCollapsed();\n  }\n\n  isMainCollapsed() {\n    return this.mainCollapsed;\n  }\n\n  mainVisibilityCleanup: () => void = () => {};\n\n  setMainCollapsedOverride(collapsed: boolean | null) {\n    this.manualMainCollapsedOverride =\n      typeof collapsed === \"boolean\" ? collapsed : null;\n    this.applyMainVisibility();\n  }\n\n  /**\n   * Hide the actions container when no action buttons are slotted.\n   */\n  setupActionsContainer(root: ShadowRoot) {\n    const actionSlot = root.querySelector('slot[name=\"actions\"]');\n    const actions = root.querySelector(\".header__actions\");\n    const disclosure = root.querySelector(\".header__actions-disclosure\");\n\n    if (\n      !(actionSlot instanceof HTMLSlotElement) ||\n      !(actions instanceof HTMLElement) ||\n      !(disclosure instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    const updateVisibility = () => {\n      const hasActions = actionSlot.assignedElements().length > 0;\n      actions.hidden = !hasActions;\n      disclosure.hidden = !hasActions;\n    };\n\n    actionSlot.addEventListener(\"slotchange\", updateVisibility);\n    updateVisibility();\n  }\n\n  setupMainVisibility(root: ShadowRoot) {\n    this.mainVisibilityCleanup();\n    this.mainVisibilityMediaQuery = null;\n    this.mainVisibilityCleanup = () => {};\n    this.applyMainVisibility(root);\n  }\n\n  /**\n   * Keep actions collapsed by default on stacked/mobile layout and expanded on wider screens.\n   */\n  setupResponsiveActionsDisclosure(root: ShadowRoot) {\n    this.actionsLayoutCleanup();\n\n    const disclosure = root.querySelector(\".header__actions-disclosure\");\n    if (!(disclosure instanceof HTMLDetailsElement)) {\n      return;\n    }\n\n    if (typeof globalThis.matchMedia !== \"function\") {\n      disclosure.open = false;\n      this.actionsLayoutCleanup = () => {};\n\n      return;\n    }\n\n    const mediaQuery = globalThis.matchMedia(\"(min-width: 40.625rem)\");\n\n    const applyLayoutMode = () => {\n      if (mediaQuery.matches) {\n        disclosure.open = true;\n      } else {\n        disclosure.open = false;\n      }\n    };\n\n    applyLayoutMode();\n\n    const onChange = () => {\n      applyLayoutMode();\n    };\n\n    mediaQuery.addEventListener(\"change\", onChange);\n\n    this.actionsLayoutCleanup = () => {\n      mediaQuery.removeEventListener(\"change\", onChange);\n    };\n  }\n\n  toggleMainCollapsedOverride() {\n    this.setMainCollapsedOverride(!this.isMainCollapsed());\n\n    return this.isMainCollapsed();\n  }\n\n  async render() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    // Set title\n    const titleEl = root.querySelector(\".header__title\");\n    if (titleEl) {\n      const icon = this.getAttribute(\"icon\") || \"\";\n      const title = this.hasAttribute(\"page-title\")\n        ? this.getAttribute(\"page-title\") || \"\"\n        : this.getAttribute(\"title\") || \"\";\n      setSanitizedHtml(titleEl, icon ? `${icon} ${title}` : title);\n    }\n\n    this.setupActionsContainer(root);\n    this.setupResponsiveActionsDisclosure(root);\n    this.setupMainVisibility(root);\n  }\n}\n\nif (!customElements.get(elementName)) {\n  customElements.define(elementName, ShadowClawPageHeader);\n}\n"],"mappings":"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"}
+{"version":3,"file":"shadow-claw-page-header-bigC_h6U.js","names":["shadowClawPageHeaderStyles","shadowClawPageHeaderTemplate"],"sources":["../../src/components/shadow-claw-page-header/shadow-claw-page-header.ts"],"sourcesContent":["import ShadowClawElement from \"../shadow-claw-element.js\";\nimport { setSanitizedHtml } from \"../../security/trusted-types.js\";\nimport shadowClawPageHeaderStyles from \"./shadow-claw-page-header.css\" with { type: \"css\" };\nimport shadowClawPageHeaderTemplate from \"./shadow-claw-page-header.html\" with { type: \"html\" };\n\nconst elementName = \"shadow-claw-page-header\";\n\n/**\n * Reusable page header component with mobile-first responsive design.\n * Supports title, actions, and optional breadcrumbs.\n */\nexport class ShadowClawPageHeader extends ShadowClawElement {\n  static styles = shadowClawPageHeaderStyles;\n  static template = shadowClawPageHeaderTemplate;\n\n  static get observedAttributes() {\n    return [\"title\", \"page-title\", \"icon\"];\n  }\n\n  mainCollapsed: boolean = false;\n  mainVisibilityMediaQuery: MediaQueryList | null = null;\n  manualMainCollapsedOverride: boolean | null = null;\n\n  constructor() {\n    super();\n  }\n\n  attributeChangedCallback(_name, oldValue, newValue) {\n    if (oldValue !== newValue) {\n      this.render();\n    }\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.render();\n  }\n\n  disconnectedCallback() {\n    this.actionsLayoutCleanup();\n    this.mainVisibilityCleanup();\n  }\n\n  actionsLayoutCleanup: () => void = () => {};\n\n  applyMainVisibility(root?: ShadowRoot) {\n    const targetRoot = root || this.shadowRoot;\n    if (!targetRoot) {\n      return;\n    }\n\n    const headerMain = targetRoot.querySelector(\".header__main\");\n    if (!(headerMain instanceof HTMLElement)) {\n      return;\n    }\n\n    const collapsed = this.getEffectiveMainCollapsed();\n    this.mainCollapsed = collapsed;\n    headerMain.hidden = collapsed;\n  }\n\n  getAutoMainCollapsed() {\n    return false;\n  }\n\n  getEffectiveMainCollapsed() {\n    if (typeof this.manualMainCollapsedOverride === \"boolean\") {\n      return this.manualMainCollapsedOverride;\n    }\n\n    return this.getAutoMainCollapsed();\n  }\n\n  isMainCollapsed() {\n    return this.mainCollapsed;\n  }\n\n  mainVisibilityCleanup: () => void = () => {};\n\n  setMainCollapsedOverride(collapsed: boolean | null) {\n    this.manualMainCollapsedOverride =\n      typeof collapsed === \"boolean\" ? collapsed : null;\n    this.applyMainVisibility();\n  }\n\n  /**\n   * Hide the actions container when no action buttons are slotted.\n   */\n  setupActionsContainer(root: ShadowRoot) {\n    const actionSlot = root.querySelector('slot[name=\"actions\"]');\n    const actions = root.querySelector(\".header__actions\");\n    const disclosure = root.querySelector(\".header__actions-disclosure\");\n\n    if (\n      !(actionSlot instanceof HTMLSlotElement) ||\n      !(actions instanceof HTMLElement) ||\n      !(disclosure instanceof HTMLElement)\n    ) {\n      return;\n    }\n\n    const updateVisibility = () => {\n      const hasActions = actionSlot.assignedElements().length > 0;\n      actions.hidden = !hasActions;\n      disclosure.hidden = !hasActions;\n    };\n\n    actionSlot.addEventListener(\"slotchange\", updateVisibility);\n    updateVisibility();\n  }\n\n  setupMainVisibility(root: ShadowRoot) {\n    this.mainVisibilityCleanup();\n    this.mainVisibilityMediaQuery = null;\n    this.mainVisibilityCleanup = () => {};\n    this.applyMainVisibility(root);\n  }\n\n  /**\n   * Keep actions collapsed by default on stacked/mobile layout and expanded on wider screens.\n   */\n  setupResponsiveActionsDisclosure(root: ShadowRoot) {\n    this.actionsLayoutCleanup();\n\n    const disclosure = root.querySelector(\".header__actions-disclosure\");\n    if (!(disclosure instanceof HTMLDetailsElement)) {\n      return;\n    }\n\n    if (typeof globalThis.matchMedia !== \"function\") {\n      disclosure.open = false;\n      this.actionsLayoutCleanup = () => {};\n\n      return;\n    }\n\n    const mediaQuery = globalThis.matchMedia(\"(min-width: 40.625rem)\");\n\n    const applyLayoutMode = () => {\n      if (mediaQuery.matches) {\n        disclosure.open = true;\n      } else {\n        disclosure.open = false;\n      }\n    };\n\n    applyLayoutMode();\n\n    const onChange = () => {\n      applyLayoutMode();\n    };\n\n    mediaQuery.addEventListener(\"change\", onChange);\n\n    this.actionsLayoutCleanup = () => {\n      mediaQuery.removeEventListener(\"change\", onChange);\n    };\n  }\n\n  toggleMainCollapsedOverride() {\n    this.setMainCollapsedOverride(!this.isMainCollapsed());\n\n    return this.isMainCollapsed();\n  }\n\n  async render() {\n    const root = this.shadowRoot;\n    if (!root) {\n      return;\n    }\n\n    // Set title\n    const titleEl = root.querySelector(\".header__title\");\n    if (titleEl) {\n      const icon = this.getAttribute(\"icon\") || \"\";\n      const title = this.hasAttribute(\"page-title\")\n        ? this.getAttribute(\"page-title\") || \"\"\n        : this.getAttribute(\"title\") || \"\";\n      setSanitizedHtml(titleEl, icon ? `${icon} ${title}` : title);\n    }\n\n    this.setupActionsContainer(root);\n    this.setupResponsiveActionsDisclosure(root);\n    this.setupMainVisibility(root);\n  }\n}\n\nif (!customElements.get(elementName)) {\n  customElements.define(elementName, ShadowClawPageHeader);\n}\n"],"mappings":"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"}

package/dist/lib/{shadow-claw-pages-BFOcluFY.js → shadow-claw-pages-CjHS50HN.js}

@@ -1,22 +1,22 @@
 import ShadowClawElement from "./components/shadow-claw-element.js";
 import { r as getDb } from "./txPromise-DdeRXi7G.js";
 import { t as Signal } from "./dist-Bxg3C_zy.js";
-import { r as CONFIG_KEYS } from "./config-DxDaVDTn.js";
+import { r as CONFIG_KEYS } from "./config-DFLs7eoC.js";
 import { c as getWorkspaceRouteRequestPath, f as resolveHrefAgainstRoute, l as isPossibleAppRoute, n as applyBasePath, r as buildRoutePath, s as getFileRouteDirPath } from "./app-routes-BPhitqrT.js";
 import { t as getConfig } from "./getConfig-SElp6VJW.js";
-import { f as readGroupFile, o as writeGroupFile, t as toolsStore } from "./tools-B7gC1eb_.js";
-import { t as readGroupFileBytes } from "./readGroupFileBytes-C8Xqlb8l.js";
-import { t as fileViewerStore } from "./file-viewer-BMvvndPQ.js";
-import { i as getStaticPageContent, t as orchestratorStore } from "./orchestrator-Crw4btGn.js";
-import { C as setTrustedSrcdoc, S as setSanitizedHtml, _ as isAllowedCustomElement, d as getApprovedCustomElementScriptDescriptors, f as getIframeCsp, m as hasApprovedCustomElement, p as getIframeSandboxPolicy, v as isApprovedScript, x as sanitizeSrcdocHtml, y as loadApprovedCustomElementScript } from "./utils-D_ylqOY-.js";
+import { f as readGroupFile, o as writeGroupFile, t as toolsStore } from "./tools-BEuBatUs.js";
+import { t as readGroupFileBytes } from "./readGroupFileBytes-CRA6dmgT.js";
+import { t as fileViewerStore } from "./file-viewer-OHmGC_l7.js";
+import { i as getStaticPageContent, t as orchestratorStore } from "./orchestrator-BK138MkV.js";
+import { C as setTrustedSrcdoc, S as setSanitizedHtml, _ as isAllowedCustomElement, d as getApprovedCustomElementScriptDescriptors, f as getIframeCsp, m as hasApprovedCustomElement, p as getIframeSandboxPolicy, v as isApprovedScript, x as sanitizeSrcdocHtml, y as loadApprovedCustomElementScript } from "./utils-D8AxCH6m.js";
 import { t as require_buffer } from "./buffer-CyBrFbsO.js";
 import { isTruthyConfigValue } from "./utils/parseBooleanConfig.js";
 import { a as showSuccess, r as showError, s as showWarning } from "./toast-Ck7OIKDf.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-WCXar9C8.js";
+import { n as splitFrontmatter, t as renderMarkdown } from "./markdown-D-7Cjyye.js";
 import "./shadow-claw-page-header-action-button-BXXm5b5N.js";
-import "./shadow-claw-page-header-BBqSWlhP.js";
+import "./shadow-claw-page-header-bigC_h6U.js";
 import { a as iframeStorageSet, c as getIframeThemeStyleHtml, i as iframeStorageGetAll, l as getIframeThemeStylesheetLink, n as iframeStorageDelete, o as IframeBroadcastProxy, r as iframeStorageGet, s as getIframeHtmlClass, t as iframeStorageClear } from "./iframe-storage-proxy-qCEzjV8R.js";
 
 //#region src/components/shadow-claw-pages/utils/announcePageChange.ts
@@ -2389,7 +2389,7 @@ var ShadowClawPages = class extends ShadowClawElement {
 	async reloadPreviewWithSearchParams(searchParams) {
 		if (!this.selectedPage || !this.renderedContent) return;
 		const root = this.shadowRoot;
-		const rendered = root?.querySelector("#rendered");
+		const rendered = root?.querySelector("[data-pages-rendered]") || root?.querySelector("#rendered");
 		if (!root || !rendered) return;
 		const parsedFrontmatter = splitFrontmatter(this.renderedContent);
 		const iframe = this.ensurePreviewIframe(root, rendered);
@@ -2402,4 +2402,4 @@ if (!customElements.get(elementName)) customElements.define(elementName, ShadowC
 
 //#endregion
 export { ShadowClawPages as t };
-//# sourceMappingURL=shadow-claw-pages-BFOcluFY.js.map
+//# sourceMappingURL=shadow-claw-pages-CjHS50HN.js.map