@popgrids/embed 0.0.1 → 0.0.3

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/auth-join/auth-join.component.ts","../src/components/auth-join/auth-join.styles.ts","../src/components/auth-join/auth-join.ts","../src/components/auth-panel/auth-panel.component.ts","../src/context/auth_context.ts","../src/components/auth-panel/auth-panel.styles.ts","../src/components/auth-panel/auth-panel.ts","../src/components/auth-provider/auth-provider.component.ts","../src/context/api_context.ts","../src/components/auth-provider/auth-provider.styles.ts","../src/components/auth-provider/auth-provider.ts","../src/components/auth-sign-in/auth-sign-in.component.ts","../src/components/auth-sign-in/auth-sign-in.styles.ts","../src/components/auth-sign-in/auth-sign-in.ts","../src/components/auth-verify-code/auth-verify-code.component.ts","../src/components/auth-verify-code/auth-verify-code.styles.ts","../src/components/auth-verify-code/auth-verify-code.ts","../src/components/comment-bar/comment-bar.component.ts","../src/components/comment-bar/comment-bar.styles.ts","../src/components/comment-bar/comment-bar.ts","../src/components/comment-input/comment-input.component.ts","../src/context/grid_context.ts","../src/components/comment-input/comment-input.styles.ts","../src/components/comment-input/comment-input.ts","../src/components/comment-thread/comment-thread.component.ts","../src/components/comment-thread/comment-thread.styles.ts","../src/components/comment-thread/comment-thread.ts","../src/components/comment/comment.component.ts","../src/helpers/time.ts","../src/components/comment/comment.styles.ts","../src/components/comment/comment.ts","../src/components/feed/feed.component.ts","../src/components/feed/feed.styles.ts","../src/components/feed/feed.ts","../src/components/grid-provider/grid-provider.component.ts","../src/components/grid-provider/grid-provider.ts","../src/components/grid/grid.component.ts","../src/components/grid/grid.styles.ts","../src/components/grid/grid.ts","../src/components/widget/widget.component.ts","../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../../../node_modules/composed-offset-position/dist/composed-offset-position.mjs","../src/components/widget/widget.styles.ts","../src/components/widget/widget.ts","../src/components/api-provider/api-provider.component.ts","../src/services/api-client.ts","../src/components/api-provider/api-provider.ts"],"sourcesContent":["import { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\n\nimport { classMap } from \"lit/directives/class-map.js\";\nimport styles from \"./auth-join.styles\";\n\n/**\n * @summary Auth join button that displays \"Join the Conversation\" with the Popgrids logo.\n * @status experimental\n * @since 0.0.1\n *\n * @event pop-click - Emitted when the button is clicked.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-auth-join\")\nexport class PopAuthJoin extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  handleClick() {\n    this.emit(\"pop-click\");\n  }\n\n  render() {\n    return html` <button\n      class=${classMap({\n        \"auth-join\": true,\n      })}\n      part=\"base\"\n      type=\"button\"\n      @click=${this.handleClick}\n    >\n      <div class=\"auth-join__actions\">\n        Join the Conversation\n        <svg\n          class=\"auth-join__logo\"\n          width=\"75\"\n          height=\"12\"\n          viewBox=\"0 0 75 12\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M4.58333 0.265686C1.0463 0.265686 0 2.5714 0 5.47711C0 6.55283 0.115741 7.6114 0.25 8.67426C0.300926 9.08997 0.282407 9.54854 0.365741 9.96426C0.583333 11.0571 1.69444 11.5628 2.77315 11.5628C4.25 11.5628 5.23148 10.7014 5.23148 9.3214C5.23148 8.52426 4.94907 8.0014 4.13426 7.69283C4.08333 7.67569 4.03241 7.66283 4.03241 7.59854C4.03241 7.4914 4.21759 7.41426 4.33333 7.41426C4.73148 7.41426 5.36111 7.78283 5.91204 7.78283C8.06944 7.78283 9.26389 5.86283 9.26389 4.06283C9.26389 1.44854 7.18518 0.265686 4.58333 0.265686ZM4.56481 5.91854C4.43056 5.91854 4.31481 5.8114 4.31481 5.68711C4.31481 5.51997 4.56481 5.39569 4.64815 5.25854C4.8287 4.94997 4.87963 4.42711 4.87963 4.07569C4.87963 3.65997 4.76389 2.89283 4.48148 2.58426C4.39815 2.49426 4.28241 2.44711 4.28241 2.32283C4.28241 2.19854 4.41667 2.0914 4.5463 2.0914C5.11111 2.0914 5.39352 3.62997 5.39352 4.02854C5.39352 4.45711 5.24537 5.91854 4.56481 5.91854Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M14.9259 0.527108C11.4074 0.527108 9.2963 2.83282 9.2963 5.99568C9.2963 9.15854 11.4028 11.4643 14.9259 11.4643C18.4491 11.4643 20.537 9.12854 20.537 5.99568C20.537 2.86282 18.412 0.527108 14.9259 0.527108ZM15.0787 9.89997C15.0232 9.96425 14.912 10.0843 14.7778 10.0843C14.6435 10.0843 14.5139 9.97711 14.5139 9.85282C14.5139 9.80568 14.9445 9.20568 15.0139 9.02139C15.2778 8.29711 15.3287 7.51282 15.3287 6.74568C15.3287 5.71711 15.1296 4.39282 14.4491 3.54854C14.3148 3.39425 13.9028 3.10282 13.9028 2.93568C13.9028 2.81139 14.0185 2.70425 14.1528 2.70425C14.2685 2.70425 14.3843 2.79854 14.4676 2.85854C15.5278 3.67282 15.8472 5.53282 15.8472 6.74568C15.8472 7.69711 15.8056 9.08568 15.0833 9.89568L15.0787 9.89997Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M25.375 0.265686C21.838 0.265686 20.7917 2.5714 20.7917 5.47711C20.7917 6.55283 20.9074 7.6114 21.0417 8.67426C21.0926 9.08997 21.0741 9.54854 21.1574 9.96426C21.375 11.0571 22.4861 11.5628 23.5648 11.5628C25.0417 11.5628 26.0231 10.7014 26.0231 9.3214C26.0231 8.52426 25.7407 8.0014 24.9259 7.69283C24.875 7.67569 24.8241 7.66283 24.8241 7.59854C24.8241 7.4914 25.0092 7.41426 25.125 7.41426C25.5231 7.41426 26.1528 7.78283 26.7037 7.78283C28.8611 7.78283 30.0555 5.86283 30.0555 4.06283C30.0555 1.44854 27.9815 0.265686 25.375 0.265686ZM25.3611 5.91854C25.2268 5.91854 25.1111 5.8114 25.1111 5.68711C25.1111 5.51997 25.3611 5.39569 25.4444 5.25854C25.625 4.94997 25.6759 4.42711 25.6759 4.07569C25.6759 3.65997 25.5602 2.89283 25.2778 2.58426C25.1944 2.49426 25.0787 2.44711 25.0787 2.32283C25.0787 2.19854 25.213 2.0914 25.3426 2.0914C25.9074 2.0914 26.1898 3.62997 26.1898 4.02854C26.1898 4.45711 26.0417 5.91854 25.3611 5.91854Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M37.3843 4.81284C36.1898 4.81284 34.5278 5.31855 34.5278 6.64284C34.5278 7.39713 35.125 8.5157 36.0741 8.5157C36.6713 8.5157 37.0556 8.08713 37.2546 8.08713C37.3056 8.08713 37.3519 8.11713 37.3519 8.16427C37.3519 8.60998 36.4213 8.81141 36.0556 8.81141C34.7778 8.81141 34.0972 7.7957 34.0972 6.71998C34.0972 5.39998 35.4398 4.38427 36.8009 4.38427C37.1991 4.38427 37.6158 4.49141 38.0139 4.49141C39.1945 4.49141 40.0371 3.50998 40.0371 2.46427C40.0371 0.728554 37.8148 0.329982 36.3333 0.329982C32.3982 0.329982 30.1065 2.6957 30.1065 6.29141C30.1065 9.61284 31.9676 11.73 35.6528 11.73C38.0417 11.73 40.6482 10.7786 40.6482 8.19427C40.6482 6.42855 39.4028 4.81284 37.3796 4.81284H37.3843Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M48.3611 7.42711C48.0602 7.42711 47.8148 7.53426 47.5648 7.53426C47.5139 7.53426 47.5 7.48711 47.5 7.45712C47.5 7.34997 47.5509 7.30283 47.6342 7.27283C47.9167 7.18283 48.2176 7.11854 48.4954 6.99426C49.7592 6.4414 50.5046 5.45569 50.5046 4.15283C50.5046 1.79997 48.3287 0.372829 45.9398 0.372829C45.0741 0.372829 44.2315 0.604257 43.5 0.972829C41.5092 1.9714 41.125 3.40283 41.0092 5.35283C40.9583 6.11997 40.9583 6.8914 40.9583 7.65854V9.51854C40.9583 10.6843 41.787 11.6228 43.0972 11.6228C44.0416 11.6228 44.8889 10.9928 45.1065 10.1614C45.2222 9.66854 45.1574 9.08569 45.1574 8.60997C45.1574 8.56283 45.1759 8.54997 45.2222 8.54997C45.2685 8.54997 45.3241 8.57997 45.3565 8.59711C45.9398 9.90426 46.7361 11.5628 48.5417 11.5628C49.787 11.5628 50.8148 10.7485 50.8148 9.56569C50.8148 8.38283 49.6204 7.4314 48.3565 7.4314L48.3611 7.42711ZM45.6574 5.91854C45.5231 5.91854 45.4074 5.8114 45.4074 5.68711C45.4074 5.51997 45.6574 5.39569 45.7407 5.25854C45.9213 4.94997 45.9722 4.42711 45.9722 4.07569C45.9722 3.65997 45.8565 2.89283 45.5741 2.58426C45.4907 2.49426 45.3935 2.44711 45.3935 2.32283C45.3935 2.19854 45.5092 2.0914 45.6435 2.0914C46.2083 2.0914 46.4907 3.62997 46.4907 4.02854C46.4907 4.45711 46.3565 5.91854 45.662 5.91854H45.6574Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M54.8056 0.865677C54.4074 0.621391 53.8426 0.497105 53.3611 0.497105C52.3148 0.497105 51.4167 1.26425 51.3009 2.21996C51.2685 2.49853 51.2824 2.75996 51.2824 3.05139V5.66139L51.2315 8.41282V9.77996C51.2315 10.8557 52.2269 11.7 53.375 11.7C54.2222 11.7 55.1528 11.2071 55.4676 10.47C55.6482 10.0542 55.6667 9.47139 55.6667 9.02568V7.82568L55.6852 5.42996V3.03425C55.6852 2.14282 55.6667 1.43568 54.8056 0.865677Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M58.9445 0.402828C57.25 0.402828 56.4028 1.13997 56.4028 2.7214V3.3514L56.4213 4.59426V5.22426C56.4213 5.69997 56.4213 6.14568 56.4028 6.6214C56.3704 7.1914 56.287 7.75711 56.287 8.34426C56.287 10.4957 57.4815 11.5414 59.7917 11.5414C63.3426 11.5414 65.75 10.1271 65.75 6.60854C65.75 2.36568 63.5417 0.398542 58.9445 0.398542V0.402828ZM60.537 8.9014C60.4028 8.9014 60.287 8.79426 60.287 8.66997C60.287 8.62283 60.3056 8.59283 60.338 8.54568C60.7685 7.88568 60.8843 6.96426 60.8843 6.20997C60.8843 5.50283 60.8009 4.45711 60.3194 3.90426C60.2361 3.77997 60.0695 3.68997 60.0695 3.53569C60.0695 3.4114 60.1852 3.30426 60.3194 3.30426C60.5694 3.30426 60.9167 3.88711 61.0185 4.08854C61.3333 4.76569 61.3843 5.50283 61.3843 6.22283C61.3843 6.66854 61.1343 8.89711 60.537 8.89711V8.9014Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M73.5046 5.85855C72.5417 5.78141 71.162 5.47284 70.4167 4.88998C70.3194 4.81284 70.1528 4.7057 70.1528 4.56855C70.1528 4.52141 70.1713 4.44427 70.2361 4.44427C70.4167 4.44427 71.5787 5.3057 72.5787 5.3057C73.8426 5.3057 75 4.39713 75 3.20141C75 1.23427 72.1806 0.437125 70.4676 0.437125C67.9259 0.437125 66.037 1.95855 66.037 4.37141C66.037 4.89427 66.1204 5.61427 66.537 6.01713C66.7361 6.21855 67.0694 6.21855 67.3333 6.21855C68.3287 6.21855 69.5926 6.50998 70.1204 7.35427C70.1713 7.43141 70.2176 7.5557 70.2176 7.6457C70.2176 7.6757 70.2176 7.72284 70.1852 7.7057C70.088 7.6757 70.0046 7.59855 69.9352 7.53855C69.3519 7.0157 68.5555 6.49284 67.713 6.49284C66.4491 6.49284 66.0046 7.6157 66.0046 8.59713C66.0046 10.5771 67.9306 11.67 69.8889 11.67C72.213 11.67 75 10.2557 75 7.84284C75 6.95141 74.5833 5.95284 73.5046 5.86284V5.85855Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </div>\n    </button>`;\n  }\n}\n","import { css, unsafeCSS } from \"lit\";\nimport swirlingOvals from \"../../assets/images/swirling-ovals.gif\";\n\nexport default css`\n  :host {\n    display: flex;\n    width: 100%;\n  }\n\n  .auth-join {\n    background-image: url(\"${unsafeCSS(swirlingOvals)}\"), none;\n    background-color: lightgray;\n    background-position: 79% center;\n    background-size:\n      8.215% 59.149%,\n      auto;\n    background-repeat: no-repeat, repeat;\n    background-color: var(--color-surface-bg-default, #fff);\n    border: none;\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: var(--spacing-sm, 6px);\n    justify-content: flex-end;\n    padding: var(--spacing-xl, 16px) var(--spacing-md, 8px);\n    width: 100%;\n  }\n\n  .auth-join__actions {\n    color: var(--color-text-text-default, #000);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    display: flex;\n    padding: 0px var(--spacing-md, 8px);\n    justify-content: space-between;\n    align-items: center;\n    align-self: stretch;\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    font-weight: 600;\n  }\n\n  .auth-join__logo {\n    display: flex;\n    width: 75px;\n    height: 12px;\n    padding: 0px var(--spacing-none, 0px);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    color: var(--color-text-text-default, #000);\n  }\n`;\n","import { PopAuthJoin } from \"./auth-join.component.js\";\n\nexport * from \"./auth-join.component.js\";\nexport default PopAuthJoin;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-auth-join\": PopAuthJoin;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { type AuthState, authContext } from \"../../context/auth_context\";\nimport styles from \"./auth-panel.styles\";\n\n/**\n * @summary Authentication panel component that handles user authentication flows.\n * @status experimental\n * @since 0.0.1\n *\n * @description\n * The auth panel provides a complete authentication experience with multiple states:\n * - Collapsed state showing a join button\n * - Sign-in form for email submission\n * - Code verification form for completing authentication\n * - Authenticated state display\n *\n * The panel automatically handles height transitions between states and\n * closes when clicking outside or pressing the Escape key.\n *\n * @event pop-success - Emitted when authentication is successful.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-auth-panel\")\nexport class PopAuthPanel extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: authContext, subscribe: true })\n  authContext?: AuthState;\n\n  @query(\".auth-panel\") _authPanel!: HTMLElement;\n  @query(\".auth-panel__content\") _authPanelContent!: HTMLElement;\n\n  @state() private _email = \"\";\n  @state() private _open = false;\n\n  handleJoinClick() {\n    this._open = true;\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    await this.updateComplete;\n    document.addEventListener(\"mousedown\", this.handleDocumentMouseDown);\n    document.addEventListener(\"keydown\", this.handleKeyDown);\n    this.setupResizeObserver();\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener(\"mousedown\", this.handleDocumentMouseDown);\n    document.removeEventListener(\"keydown\", this.handleKeyDown);\n    this._resizeObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  private _resizeObserver: ResizeObserver | null = null;\n\n  private setupResizeObserver() {\n    // Create ResizeObserver to watch for content height changes\n    this._resizeObserver = new ResizeObserver((entries) => {\n      // We need to schedule this after the current rendering cycle\n      requestAnimationFrame(() => {\n        for (const entry of entries) {\n          // Only apply the height from the content div to the panel\n          if (entry.target === this._authPanelContent) {\n            // Get the height of the content\n            // We use offsetHeight instead of contentRect for more accurate measurement\n            const contentHeight = this._authPanelContent.offsetHeight;\n\n            // When not open, set to default closed height\n            if (!this._open) {\n              this._authPanel.style.height = \"50px\";\n            } else {\n              // Otherwise set to content height\n              this._authPanel.style.height = `${contentHeight}px`;\n            }\n          }\n        }\n      });\n    });\n\n    // Start observing the content div\n    if (this._authPanelContent) {\n      this._resizeObserver.observe(this._authPanelContent);\n    }\n  }\n\n  updated(changedProperties: Map<PropertyKey, unknown>) {\n    super.updated(changedProperties);\n\n    // Re-measure on important property changes\n    if (changedProperties.has(\"_open\") || changedProperties.has(\"authContext\")) {\n      // If we're closing the panel, explicitly set height to closed state\n      if (changedProperties.has(\"_open\") && !this._open) {\n        this._authPanel.style.height = \"50px\";\n      } else if (this._open && this._authPanelContent) {\n        // If opening, update the height to match content\n        requestAnimationFrame(() => {\n          const contentHeight = this._authPanelContent.offsetHeight;\n          this._authPanel.style.height = `${contentHeight}px`;\n        });\n      }\n\n      // Ensure observer is set up\n      if (!this._resizeObserver && this._authPanelContent) {\n        this.setupResizeObserver();\n      }\n    }\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === \"Escape\") {\n      this._open = false;\n    }\n  };\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    if (!this._open) return;\n\n    // Close when clicking outside\n    const path = event.composedPath();\n\n    if (this && !path.includes(this._authPanel)) {\n      this._open = false;\n    }\n  };\n\n  private handleSignInSuccess(event: CustomEvent) {\n    if (event.detail?.email) {\n      this._email = event.detail.email;\n    }\n  }\n\n  private handleCodeVerificationSuccess() {\n    this._open = false;\n  }\n\n  // Render the authenticated state\n  private renderAuthenticated() {\n    return html`Authenticated`;\n  }\n\n  // Render the join button when panel is closed\n  private renderJoinButton() {\n    return html`<pop-auth-join @pop-click=${this.handleJoinClick}></pop-auth-join>`;\n  }\n\n  // Render the sign in form\n  private renderSignInForm() {\n    return html`<pop-auth-sign-in @pop-success=${this.handleSignInSuccess}></pop-auth-sign-in>`;\n  }\n\n  // Render the code verification form\n  private renderVerifyCodeForm() {\n    return html`\n      <pop-auth-verify-code\n        email=${ifDefined(this._email)}\n        @pop-success=${this.handleCodeVerificationSuccess}\n      ></pop-auth-verify-code>\n    `;\n  }\n\n  // Render unauthenticated state based on panel state\n  private renderUnauthenticated() {\n    if (!this._open) {\n      return this.renderJoinButton();\n    }\n\n    return this.authContext?.isVerifying ? this.renderVerifyCodeForm() : this.renderSignInForm();\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"auth-panel\": true,\n          \"auth-panel--is-open\": this._open,\n        })}\n      >\n        <div class=\"auth-panel__content\">\n          ${this.authContext?.isAuthenticated ? this.renderAuthenticated() : this.renderUnauthenticated()}\n        </div>\n      </div>\n    `;\n  }\n}\n","import { createContext } from \"@lit/context\";\nimport type { Account } from \"../types/models\";\n\n/**\n * Interface for the sign-in response data\n */\nexport interface SignInResponse {\n  msg: string;\n  message: string;\n  email: string;\n  expires: string;\n}\n\nexport interface AuthState {\n  currentAccount: Account | null;\n  error: Error | null;\n  isAuthenticated: boolean;\n  isVerifying: boolean;\n  signIn: (credentials: { email: string }) => Promise<SignInResponse>;\n  signOut: () => void;\n  token: string | null;\n  verificationExpiresAt: string | null;\n  verifyCode: (code: string, email: string) => Promise<void>;\n}\n\nexport const authContext = createContext<AuthState>(Symbol(\"pop-auth-context\"));\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: flex;\n    width: 100%;\n  }\n\n  .auth-panel {\n    display: flex;\n    border-top: 1px solid var(--color-surface-alpha-singular-alpha-input-bar, rgba(0, 0, 32, 0.04));\n    flex-direction: column;\n    height: 50px;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    transition: height 150ms ease-in-out;\n    width: 100%;\n    overflow: hidden;\n    background-color: var(--color-surface-bg-default, #fff);\n    backdrop-filter: blur(var(--blur-2xl));\n  }\n\n  .auth-panel--is-open {\n    /* Dynamic height will be set via JS */\n    /* The max-height provides a constraint */\n    max-height: 340px;\n    transition: height var(--duration-quick) var(--ease-quick);\n  }\n\n  .auth-panel__content {\n    position: relative;\n    top: 0;\n    left: 0;\n    right: 0;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n`;\n","import { PopAuthPanel } from \"./auth-panel.component.js\";\n\nexport * from \"./auth-panel.component.js\";\nexport default PopAuthPanel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-auth-panel\": PopAuthPanel;\n  }\n}\n","import { consume, provide } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\n\nimport { type ApiState, apiContext } from \"../../context/api_context\";\nimport { type AuthState, type SignInResponse, authContext } from \"../../context/auth_context\";\nimport type { Account } from \"../../types/models\";\nimport styles from \"./auth-provider.styles\";\n\nconst AUTH_TOKEN_KEY = \"popgrids_token\";\n\n/**\n * @summary A component for managing authentication state and providing authentication methods.\n * @status experimental\n * @since 0.0.1\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-auth-provider\")\nexport class PopAuthProvider extends PopElement {\n  static styles: CSSResultGroup = [styles];\n\n  @consume({ context: apiContext })\n  apiState?: ApiState;\n\n  @state()\n  private error: Error | null = null;\n\n  @state()\n  private isAuthenticated = false;\n\n  @state()\n  private currentAccount: Account | null = null;\n\n  @state()\n  private isVerifying = false;\n\n  @state()\n  private token: string | null = null;\n\n  @state()\n  private verificationExpiresAt: string | null = null;\n\n  @provide({ context: authContext })\n  @property({ attribute: false })\n  contextData: AuthState = {\n    currentAccount: null,\n    error: null,\n    isAuthenticated: false,\n    isVerifying: false,\n    signIn: this.signIn.bind(this),\n    signOut: this.signOut.bind(this),\n    token: null,\n    verificationExpiresAt: null,\n    verifyCode: this.verifyCode.bind(this),\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Check for existing token in localStorage\n    const savedToken = localStorage.getItem(AUTH_TOKEN_KEY);\n\n    if (savedToken) {\n      this.token = savedToken;\n      this.fetchCurrentAccount();\n    }\n  }\n\n  private async fetchCurrentAccount() {\n    if (!this.token || !this.apiState?.client) return;\n\n    console.log(\"fetchCurrentAccount\", this.token);\n\n    try {\n      const { data, error } = await this.apiState.client.GET(\"/api/v1/users/me\", {\n        headers: {\n          Authorization: `Bearer ${this.token}`,\n          \"Content-Type\": \"application/json\",\n          Accept: \"application/json\",\n        },\n      });\n\n      if (error) {\n        this.signOut();\n      }\n\n      if (data) {\n        this.currentAccount = data as Account;\n        this.isAuthenticated = true;\n        this.updateContextData();\n      } else {\n        this.signOut();\n      }\n    } catch (error) {\n      console.error(\"Failed to fetch current account:\", error);\n      this.signOut();\n    }\n  }\n\n  private async signIn(credentials: { email: string }): Promise<SignInResponse> {\n    if (!this.apiState?.client) throw new Error(\"API client not available\");\n\n    try {\n      const { data, error } = await this.apiState.client.POST(\"/api/v1/session\", {\n        params: {\n          query: {\n            email: credentials.email,\n          },\n        },\n      });\n\n      if (error) {\n        this.error = error;\n        this.updateContextData();\n      }\n\n      if (data) {\n        this.isVerifying = true;\n        this.verificationExpiresAt = (data as { expires: string }).expires;\n        this.updateContextData();\n        return data;\n      }\n      throw new Error(\"Authentication failed\");\n    } catch (error) {\n      console.error(\"Sign in failed:\", error);\n      throw error;\n    }\n  }\n\n  private async verifyCode(code: string, email: string) {\n    if (!this.apiState?.client) return;\n\n    try {\n      const { data, error } = await this.apiState.client.PUT(\"/api/v1/session\", {\n        params: {\n          query: {\n            code,\n            email,\n          },\n        },\n      });\n\n      if (error) {\n        this.error = error;\n        this.updateContextData();\n      }\n\n      if (data) {\n        this.token = `${(data as { token: string }).token}`;\n        localStorage.setItem(AUTH_TOKEN_KEY, this.token);\n        this.isVerifying = false;\n        this.verificationExpiresAt = null;\n        await this.fetchCurrentAccount();\n      } else {\n        throw new Error(\"Verification failed\");\n      }\n    } catch (error) {\n      console.error(\"Verification failed:\", error);\n      throw error;\n    }\n  }\n\n  private signOut() {\n    this.token = null;\n    this.currentAccount = null;\n    this.isAuthenticated = false;\n    this.isVerifying = false;\n    this.verificationExpiresAt = null;\n    localStorage.removeItem(AUTH_TOKEN_KEY);\n    this.updateContextData();\n  }\n\n  private updateContextData() {\n    this.contextData = {\n      ...this.contextData,\n      error: this.error,\n      isAuthenticated: this.isAuthenticated,\n      isVerifying: this.isVerifying,\n      currentAccount: this.currentAccount,\n      token: this.token,\n      verificationExpiresAt: this.verificationExpiresAt,\n    };\n  }\n\n  render() {\n    return html`<slot part=\"base\"></slot>`;\n  }\n}\n","import { createContext } from \"@lit/context\";\nimport type { Client } from \"openapi-fetch\";\nimport type { paths } from \"../types/api-types\";\n\nexport interface ApiState {\n  baseUrl: string;\n  client: Client<paths> | null;\n}\n\nexport const apiContext = createContext<ApiState>(Symbol(\"pop-api-context\"));\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n`;\n","import { PopAuthProvider } from \"./auth-provider.component.js\";\n\nexport * from \"./auth-provider.component.js\";\nexport default PopAuthProvider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-auth-provider\": PopAuthProvider;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport appleIconSrc from \"../../assets/images/apple.png\";\nimport googleIconSrc from \"../../assets/images/google.png\";\nimport { AuthState, SignInResponse, authContext } from \"../../context/auth_context\";\nimport styles from \"./auth-sign-in.styles\";\n\nconst googleIcon = googleIconSrc;\nconst appleIcon = appleIconSrc;\n/**\n * @summary A sign-in component that provides email and social authentication options.\n * @description\n * The PopAuthSignIn component provides a comprehensive authentication interface with:\n * - Email-based authentication with validation\n * - Social login options (Google and Apple)\n * - Loading states and error handling\n * - Responsive design with Popgrids branding\n *\n * @status stable\n * @since 0.0.1\n *\n * @dependency pop-logo - For displaying the Popgrids logo\n * @dependency pop-form-input-simple - For the email input field\n * @dependency pop-button-link - For the footer link\n *\n * @event pop-success - Emitted when authentication is successful. Detail contains {email: string, expires: string}\n * @event pop-error - Emitted when authentication fails. Detail contains {error: string, success: false}\n * @event pop-invalid - Emitted when form validation fails\n *\n * @csspart base - The component's base wrapper\n *\n * @cssproperty --auth-sign-in-width - Controls the width of the sign-in form\n * @cssproperty --auth-sign-in-padding - Controls the padding of the sign-in form\n */\n@customElement(\"pop-auth-sign-in\")\nexport class PopAuthSignIn extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: authContext, subscribe: true })\n  authContext?: AuthState;\n\n  @state()\n  private email = \"\";\n\n  @state()\n  private emailError = \"\";\n\n  @state()\n  private isSubmitting = false;\n\n  @state()\n  private isValid = false;\n\n  private validateEmail(email: string): boolean {\n    // We'll rely on the native validation + pattern instead of regex\n    if (!email) {\n      this.emailError = \"Please enter an email address\";\n      this.isValid = false;\n      return false;\n    }\n    return true;\n  }\n\n  private handleBlur() {\n    if (this.email) {\n      this.validateEmail(this.email);\n    }\n  }\n\n  private handleEmailChange(e: Event) {\n    this.email = (e.target as HTMLInputElement).value;\n    if (this.email) {\n      this.validateEmail(this.email);\n    } else {\n      this.emailError = \"\";\n      this.isValid = false;\n    }\n  }\n\n  private handleInvalid(e: CustomEvent) {\n    const { valid, validationMessage, validity } = e.detail;\n    // Handle validation state\n    if (!valid) {\n      console.log(\"Validation failed:\", validationMessage);\n      // Check specific validation issues\n      if (validity.typeMismatch) {\n        console.log(\"Invalid email format\");\n      }\n      if (validity.patternMismatch) {\n        console.log(\"Pattern mismatch\");\n      }\n    }\n\n    this.isValid = valid;\n  }\n\n  private async handleSubmit(e: Event) {\n    e.preventDefault();\n\n    if (!this.validateEmail(this.email) || this.isSubmitting) {\n      return;\n    }\n\n    if (!this.authContext?.signIn) {\n      throw new Error(\"Authentication context not available\");\n    }\n\n    this.isSubmitting = true;\n\n    try {\n      const response = await this.authContext.signIn({ email: this.email });\n      this.onSuccess(response);\n    } catch (error) {\n      this.onFailure();\n    } finally {\n      this.isSubmitting = false;\n    }\n  }\n\n  private onSuccess(response: SignInResponse) {\n    this.emit(\"pop-success\", {\n      email: response.email,\n      expires: response.expires,\n    });\n  }\n\n  private onFailure() {\n    console.log(\"failure\");\n\n    this.emit(\"pop-error\", {\n      error: \"Creating a session failed\",\n      success: false,\n    });\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        \"auth-sign-in\": true,\n      })}\n      part=\"base\"\n    >\n      <form class=\"auth-sign-in__form\" @submit=${this.handleSubmit}>\n        <pop-logo variant=\"logo\" theme=\"white\" style=\"width: 100px; height: 16px;\"></pop-logo>\n        <h2 class=\"auth-sign-in__title\">Small communities, big connections 👋</h2>\n        <pop-form-input-simple\n          aria-invalid=${this.emailError ? \"true\" : \"false\"}\n          aria-describedby=\"email-error\"\n          autocomplete=\"off\"\n          errorMessage=${this.emailError}\n          name=\"email\"\n          type=\"email\"\n          placeholder=\"Email\"\n          pattern=\"[a-zA-Z0-9._%+-]+@[a-zA-Z0-9-]+.[a-zA-Z]{2,}\"\n          .value=${this.email}\n          .disabled=${this.isSubmitting}\n          ?required=${true}\n          ?error=${!!this.emailError}\n          @input=${this.handleEmailChange}\n          @blur=${this.handleBlur}\n          @pop-invalid=${this.handleInvalid}\n        ></pop-form-input-simple>\n        <pop-button\n          class=\"auth-sign-in__submit-button\"\n          theme=\"brand\"\n          variant=\"primary\"\n          current\n          ?disabled=${this.isSubmitting || !this.isValid}\n        >\n          ${this.isSubmitting ? \"Submitting...\" : \"Continue\"}\n        </pop-button>\n      </form>\n      <div class=\"auth-sign-in__social-login\">\n        <button class=\"auth-sign-in__google-icon\" type=\"button\">\n          <img src=${googleIcon} alt=\"Google\" />\n        </button>\n        <button class=\"auth-sign-in__apple-icon\" type=\"button\">\n          <img src=${appleIcon} alt=\"Apple\" />\n        </button>\n      </div>\n      <div class=\"auth-sign-in__footer\">\n        <pop-button-link ?primary=${true} size=\"sm\">What's Popgrids?</pop-button-link>\n      </div>\n    </div>`;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .auth-sign-in {\n    display: flex;\n    padding: var(--spacing-2xl, 20px) var(--spacing-3xl, 24px);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: var(--spacing-xl, 16px);\n  }\n\n  .auth-sign-in__footer {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xl, 16px);\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    font-weight: 500;\n  }\n\n  .auth-sign-in__form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xl, 16px);\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n  }\n\n  .auth-sign-in__apple-icon,\n  .auth-sign-in__google-icon {\n    border: none;\n    background-color: transparent;\n    display: flex;\n    width: 32px;\n    height: 32px;\n    justify-content: center;\n    align-items: center;\n    transition: transform 300ms ease-out;\n  }\n\n  .auth-sign-in__apple-icon:hover,\n  .auth-sign-in__google-icon:hover {\n    transform: scale(1.125);\n  }\n\n  .auth-sign-in__social-login {\n    display: flex;\n    padding: 0px var(--spacing-2xl, 20px);\n    justify-content: center;\n    align-items: center;\n    gap: var(--spacing-4xl, 32px);\n    align-self: stretch;\n  }\n\n  .auth-sign-in__title {\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    font-weight: 600;\n  }\n\n  .auth-sign-in__submit-button {\n    width: 100%;\n    height: 40px;\n    color: var(--color-text-text-default);\n  }\n\n  .auth-sign-in__email-input {\n    width: 100%;\n    height: 40px;\n    color: var(--color-text-text-default);\n  }\n`;\n","import { PopAuthSignIn } from \"./auth-sign-in.component.js\";\n\nexport * from \"./auth-sign-in.component.js\";\nexport default PopAuthSignIn;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-auth-sign-in\": PopAuthSignIn;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopCodeInputField, PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property, query, queryAll, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { when } from \"lit/directives/when.js\";\nimport { authContext, type AuthState } from \"../../context/auth_context\";\nimport styles from \"./auth-verify-code.styles\";\n\n/**\n * @summary Code verification component for authentication.\n * @status experimental\n * @since 0.0.1\n *\n * @event pop-success - Emitted when code verification is successful.\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-auth-verify-code\")\nexport class PopAuthVerifyCode extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: authContext, subscribe: true })\n  authContext?: AuthState;\n\n  @property({ type: String })\n  email = \"\";\n\n  @state()\n  private code = \"\";\n\n  @state()\n  private isSubmitting = false;\n\n  @state()\n  private error = \"\";\n\n  @state()\n  private _showingHelp = false;\n\n  @state()\n  private _showingToast = false;\n\n  @state()\n  private _toastMessage = \"\";\n\n  @query('input[name=\"code\"]')\n  private hiddenInput!: HTMLInputElement;\n\n  @queryAll(\"pop-code-input-field\")\n  private codeInputs!: NodeListOf<PopCodeInputField>;\n\n  // Helper method to safely access codeInputs elements\n  private getCodeInput(index: number): PopCodeInputField | undefined {\n    return this.codeInputs[index];\n  }\n\n  private closeToast() {\n    this._showingToast = false;\n  }\n\n  private handleContactSupport() {\n    console.log(\"handleContactSupport\");\n  }\n\n  private async handleResendCode() {\n    console.log(\"handleResendCode\");\n    try {\n      const response = await this.authContext?.signIn({ email: this.email });\n      this._showingHelp = false;\n    } catch (error) {\n      console.error(error);\n    } finally {\n      this.isSubmitting = false;\n    }\n  }\n\n  private handleInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const isDigit = /^\\d$/.test(input.value);\n\n    // Update only if it's a digit or empty\n    if (isDigit || input.value === \"\") {\n      // Focus next input if current input is filled with a digit\n      if (isDigit) {\n        const currentIndex = Array.from(this.codeInputs).indexOf(event.currentTarget as PopCodeInputField);\n        if (currentIndex < this.codeInputs.length - 1) {\n          const nextInput = this.getCodeInput(currentIndex + 1);\n          nextInput?.focus();\n        }\n      }\n\n      this.updateCodeValue();\n    } else {\n      // Reset to empty if not a digit\n      input.value = \"\";\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const input = event.target as HTMLInputElement;\n    const currentIndex = Array.from(this.codeInputs).indexOf(event.currentTarget as PopCodeInputField);\n\n    // Handle backspace\n    if (event.key === \"Backspace\") {\n      if (input.value === \"\" && currentIndex > 0) {\n        const prevInput = this.getCodeInput(currentIndex - 1);\n        prevInput?.focus();\n        prevInput?.select();\n      }\n    }\n\n    // Handle left/right arrow keys\n    if (event.key === \"ArrowLeft\" && currentIndex > 0) {\n      const prevInput = this.getCodeInput(currentIndex - 1);\n      prevInput?.focus();\n      prevInput?.select();\n    }\n\n    if (event.key === \"ArrowRight\" && currentIndex < this.codeInputs.length - 1) {\n      const nextInput = this.getCodeInput(currentIndex + 1);\n      nextInput?.focus();\n      nextInput?.select();\n    }\n  }\n\n  private handleFocus(event: FocusEvent) {\n    (event.target as HTMLInputElement).select();\n  }\n\n  private showToast(message: string) {\n    this._showingToast = true;\n    this._toastMessage = message;\n  }\n\n  private toggleHelp() {\n    this._showingHelp = !this._showingHelp;\n    console.log(\"handleNeedHelpClick\");\n  }\n\n  private handleSubmit(event: Event) {\n    event.preventDefault();\n    this.submitForm();\n  }\n\n  private handlePaste(event: ClipboardEvent) {\n    event.preventDefault();\n\n    const clipboardData = event.clipboardData;\n    if (!clipboardData) return;\n\n    const pastedText = clipboardData.getData(\"text\");\n    const digits = pastedText.replace(/\\D/g, \"\").substring(0, this.codeInputs.length).split(\"\");\n\n    // Fill inputs with pasted digits\n    digits.forEach((digit, index) => {\n      if (index < this.codeInputs.length) {\n        const input = this.getCodeInput(index);\n        if (input) input.value = digit;\n      }\n    });\n\n    // Focus the next empty input or the last one if all filled\n    const nextEmptyIndex = Array.from(this.codeInputs).findIndex((input) => !input.value);\n    const focusIndex = nextEmptyIndex !== -1 ? nextEmptyIndex : this.codeInputs.length - 1;\n    const focusInput = this.getCodeInput(focusIndex);\n    focusInput?.focus();\n\n    // Update and check if form should be submitted\n    this.updateCodeValue();\n  }\n\n  private updateCodeValue() {\n    const values = Array.from(this.codeInputs).map((input) => input.value);\n    this.code = values.join(\"\");\n\n    if (this.hiddenInput) {\n      this.hiddenInput.value = this.code;\n    }\n\n    // Check if all inputs have valid digits (full 6-digit code)\n    const allFilled = values.length === 6 && values.every((value) => /^\\d$/.test(value));\n    if (allFilled) {\n      // Immediately submit the form when all fields are filled\n      // Small timeout to ensure UI updates first\n      setTimeout(() => this.submitForm(), 0);\n    }\n  }\n\n  private async submitForm() {\n    if (!this.authContext?.verifyCode || this.isSubmitting || !this.email || this.code.length !== 6) {\n      return;\n    }\n\n    this.isSubmitting = true;\n    this.error = \"\";\n\n    try {\n      await this.authContext.verifyCode(this.code, this.email);\n      this.onSuccess();\n    } catch (error) {\n      this.onFailure();\n    } finally {\n      this.isSubmitting = false;\n    }\n  }\n\n  private onSuccess() {\n    this.emit(\"pop-success\");\n  }\n\n  private onFailure() {\n    this.showToast(\"Verification failed. Please try again.\");\n\n    // Reset input fields\n    Array.from(this.codeInputs).forEach((input) => {\n      input.value = \"\";\n    });\n\n    // Focus the first input\n    if (this.codeInputs.length) {\n      const firstInput = this.getCodeInput(0);\n      firstInput?.focus();\n    }\n\n    this.code = \"\";\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        \"auth-verify-code\": true,\n      })}\n      part=\"base\"\n    >\n      ${when(\n        this._showingToast,\n        () =>\n          html`<pop-toast class=\"auth-verify-code__toast\" theme=\"transparent\" @pop-close=${this.closeToast}\n            >${this._toastMessage}</pop-toast\n          >`,\n      )}\n      ${when(\n        !this._showingHelp,\n        () => html`\n          <form class=\"auth-verify-code__form\" @submit=${this.handleSubmit}>\n            <input type=\"hidden\" name=\"code\" value=${this.code} />\n            <h2 class=\"auth-verify-code__title\">Enter Verification Code</h2>\n            <div class=\"auth-verify-code__code-input-fields\">\n              <div class=\"auth-verify-code__code-input-group\">\n                <pop-code-input-field\n                  name=\"code_1\"\n                  autofocus\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n                <pop-code-input-field\n                  name=\"code_2\"\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n                <pop-code-input-field\n                  name=\"code_3\"\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n              </div>\n              <div class=\"auth-verify-code__code-input-group\">\n                <pop-code-input-field\n                  name=\"code_4\"\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n                <pop-code-input-field\n                  name=\"code_5\"\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n                <pop-code-input-field\n                  name=\"code_6\"\n                  .disabled=${this.isSubmitting}\n                  @input=${this.handleInput}\n                  @keydown=${this.handleKeyDown}\n                  @focus=${this.handleFocus}\n                  @paste=${this.handlePaste}\n                ></pop-code-input-field>\n              </div>\n            </div>\n\n            <div class=\"auth-verify-code__body\">\n              <p>A verification code has been sent to your email. Enter code to continue.</p>\n              <p>\n                Code expires in\n                <pop-timestamp-countdown>${this.authContext?.verificationExpiresAt}</pop-timestamp-countdown>.\n              </p>\n            </div>\n\n            <div class=\"auth-verify-code__footer\">\n              <pop-button-link size=\"sm\" theme=\"default\" ?primary=${true} @click=${this.toggleHelp}>\n                No verification code?\n              </pop-button-link>\n            </div>\n          </form>\n        `,\n        () => html`\n          <div class=\"auth-verify-code__help\">\n            <h2 class=\"auth-verify-code__title\">Steps to Take</h2>\n            <div class=\"auth-verify-code__body\">\n              <ul>\n                <li><strong>Check spam/junk</strong> – it might be there.</li>\n                <li><strong>Verify email</strong> – check your email for typos.</li>\n                <li><strong>Wait a moment</strong> – emails take a few mins.</li>\n                <li><strong>Whitelist us</strong> – it may be blocked.</li>\n              </ul>\n            </div>\n            <div class=\"auth-verify-code__footer\">\n              <pop-button-link size=\"sm\" theme=\"default\" @click=${this.handleContactSupport}>\n                Contact Support\n              </pop-button-link>\n              <pop-button-link size=\"sm\" theme=\"default\" ?primary=${true} @click=${this.handleResendCode}>\n                Resend Code\n              </pop-button-link>\n            </div>\n          </div>\n        `,\n      )}\n    </div>`;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .auth-verify-code {\n    display: flex;\n    padding: var(--spacing-2xl, 20px) var(--spacing-3xl, 24px);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: var(--spacing-xl, 16px);\n    position: relative;\n  }\n\n  .auth-verify-code__toast {\n    position: absolute;\n  }\n\n  .auth-verify-code__body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-md, 8px);\n    align-self: stretch;\n    font-size: var(--text-xs);\n    line-height: var(--text-xs--line-height);\n    text-align: center;\n  }\n\n  .auth-verify-code__help .auth-verify-code__body {\n    text-align: left;\n  }\n\n  .auth-verify-code__body strong {\n    font-weight: 600;\n  }\n\n  .auth-verify-code__footer {\n    display: flex;\n    color: var(--color-text-text-default);\n    justify-content: center;\n    align-items: flex-start;\n    gap: var(--spacing-2xl, 20px);\n  }\n\n  .auth-verify-code__form {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-xl, 16px);\n  }\n\n  .auth-verify-code__help {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-xl, 16px);\n  }\n\n  .auth-verify-code__title {\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    font-weight: 600;\n  }\n\n  .auth-verify-code__code-input-fields {\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n    gap: var(--spacing-xl, 16px);\n    margin-bottom: var(--spacing-xs, 4px);\n  }\n\n  .auth-verify-code__code-input-group {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-sm, 6px);\n  }\n`;\n","import { PopAuthVerifyCode } from \"./auth-verify-code.component.js\";\n\nexport * from \"./auth-verify-code.component.js\";\nexport default PopAuthVerifyCode;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-auth-verify-code\": PopAuthVerifyCode;\n  }\n}\n","import { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport styles from \"./comment-bar.styles\";\n\n/**\n * @summary Provides the ability to add comments to a grid.\n * @status experimental\n * @since 0.0.1\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-comment-bar\")\nexport class PopCommentBar extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"comment-bar\": true,\n        })}\n        part=\"base\"\n      >\n        <div class=\"comment-bar__actions\">\n          <div>\n            <div class=\"comment-bar__avatars\">\n              <pop-comment-avatar size=\"xs\" style=\"--comment-avatar-border-size: 2px\">\n                <img src=\"https://i.pravatar.cc/90\" alt=\"User avatar\" />\n              </pop-comment-avatar>\n              <pop-comment-avatar size=\"xs\" style=\"--comment-avatar-border-size: 2px\">\n                <img src=\"https://i.pravatar.cc/100\" alt=\"User avatar\" />\n              </pop-comment-avatar>\n            </div>\n          </div>\n          <pop-comment-input></pop-comment-input>\n          <pop-comment-icon class=\"comment-bar__send-icon\" theme=\"neutral\" variant=\"send\" size=\"sm\"></pop-comment-icon>\n        </div>\n      </div>\n    `;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .comment-bar {\n    align-items: flex-start;\n    background: var(--color-border-singular-border-island);\n    border-top: 1px solid var(--color-surface-alpha-alpha-input-bar);\n    padding: var(--spacing-sm, 6px) var(--spacing-sm, 6px) var(--spacing-md, 8px) var(--spacing-sm, 6px);\n    position: relative;\n    transition: all var(--duration-quick) var(--ease-quick);\n  }\n\n  .comment-bar__actions {\n    position: relative;\n    display: grid;\n    grid-template-columns: auto 1fr 0px;\n    gap: 6px;\n    align-items: start;\n    transition: all var(--duration-quick) var(--ease-quick);\n  }\n  .comment-bar--has-content {\n    grid-template-columns: auto 1fr 32px;\n  }\n\n  .comment-bar__avatars {\n    display: flex;\n    align-items: center;\n    padding-top: 2px;\n  }\n\n  .comment-bar__avatars > *:not(:last-child) {\n    margin-right: -4px;\n  }\n\n  .comment-bar__avatars > pop-comment-avatar {\n    transition: transform var(--duration-pop-hover) var(--ease-pop-hover);\n  }\n  .comment-bar__avatars > pop-comment-avatar:hover {\n    transform: scale(1.1875);\n  }\n\n  .comment-bar__send-icon {\n    position: absolute;\n    right: 0;\n    bottom: 0.5px;\n    transition: opacity var(--duration-150) var(--ease-linear);\n    opacity: 0;\n  }\n  .comment-bar--has-content .comment-bar__send-icon {\n    opacity: 1;\n  }\n`;\n","import { PopCommentBar } from \"./comment-bar.component.js\";\n\nexport * from \"./comment-bar.component.js\";\nexport default PopCommentBar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-comment-bar\": PopCommentBar;\n  }\n}\n","import { computePosition, flip, offset, shift } from \"@floating-ui/dom\";\nimport { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { Editor, mergeAttributes } from \"@tiptap/core\";\nimport Document from \"@tiptap/extension-document\";\nimport { Mention } from \"@tiptap/extension-mention\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport Text from \"@tiptap/extension-text\";\nimport Typography from \"@tiptap/extension-typography\";\nimport type { SuggestionKeyDownProps, SuggestionProps } from \"@tiptap/suggestion\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { type ApiState, apiContext } from \"../../context/api_context\";\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport type { Account } from \"../../types/models\";\nimport styles from \"./comment-input.styles\";\n\ninterface MentionItem {\n  id: string;\n  label: string;\n  href: string;\n}\n\ninterface MentionNodeAttrs {\n  id: string;\n  label: string;\n  href: string;\n}\n\n/**\n * @summary A comment input component that allows users to input comments with mentions.\n * @status experimental\n * @since 0.0.1\n *\n * @event {string} pop-content-change - Emitted when the content changes.\n * @event {Error} pop-error - Emitted when an error occurs.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-comment-input\")\nexport class PopCommentInput extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: apiContext, subscribe: true })\n  apiState?: ApiState;\n\n  @consume({ context: gridContext, subscribe: true })\n  gridContext?: GridState;\n\n  @property({ type: String })\n  variant: \"text\" | \"search\" = \"text\";\n\n  @query(\".comment-input__input\") _editor!: HTMLElement;\n\n  @state() private _content = \"\";\n  @state() private _error: Error | null = null;\n\n  private editor?: Editor;\n\n  private createMentionSuggestion() {\n    return {\n      items: async ({ query }: { query: string }) => {\n        if (!query || query.trim().length === 0) {\n          return [];\n        }\n\n        const client = this.apiState?.client;\n        if (!client) return [];\n\n        const { data, error } = await client.GET(\"/api/v1/accounts\", {\n          params: {\n            query: {\n              by_name: query,\n            },\n          },\n        });\n\n        if (error) {\n          return [];\n        }\n\n        if (data) {\n          return (data as Account[]).map((account) => ({\n            id: account.id,\n            label: account.name,\n            href: account.url,\n          }));\n        }\n        return [];\n      },\n\n      render: () => {\n        let command: (attrs: MentionNodeAttrs) => void;\n        let popup: HTMLDivElement;\n        let items: MentionItem[];\n        let list: HTMLUListElement;\n        let selectedIndex = 0;\n\n        const updateSelection = () => {\n          const listItems = list.querySelectorAll(\"li\");\n          listItems.forEach((item, index) => {\n            if (index === selectedIndex) {\n              item.setAttribute(\"data-selected\", \"true\");\n            } else {\n              item.removeAttribute(\"data-selected\");\n            }\n          });\n\n          if (listItems.length > 0) {\n            popup.style.visibility = \"visible\";\n            popup.style.opacity = \"1\";\n          } else {\n            popup.style.visibility = \"hidden\";\n            popup.style.opacity = \"0\";\n          }\n        };\n\n        const updatePopupPosition = async (coords: DOMRect) => {\n          if (!popup || !coords) return;\n\n          const virtualElement = {\n            getBoundingClientRect() {\n              return coords;\n            },\n          };\n\n          const { x, y } = await computePosition(virtualElement, popup, {\n            placement: \"top-start\",\n            middleware: [\n              offset(6), // Add some space between the cursor and popup\n              flip(), // Flip to bottom if not enough space on top\n              shift({ padding: 8 }), // Shift horizontally if needed, with padding from viewport edges\n            ],\n          });\n\n          // Apply the positioning\n          Object.assign(popup.style, {\n            position: \"absolute\",\n            left: `${x}px`,\n            top: `${y}px`,\n          });\n        };\n\n        const fadeOutAndRemove = () => {\n          if (!popup) return;\n          popup.style.opacity = \"0\";\n          popup.style.visibility = \"hidden\";\n          setTimeout(() => {\n            popup?.remove();\n            // Clean up references\n            popup = undefined as unknown as HTMLDivElement;\n            list = undefined as unknown as HTMLUListElement;\n          }, 150); // Match transition duration\n        };\n\n        return {\n          onStart: (props: SuggestionProps<MentionItem>) => {\n            command = props.command;\n\n            // Clean up any existing popup\n            const existingPopup = this.shadowRoot?.querySelector(\".tiptap__mention-popup\");\n            if (existingPopup) {\n              existingPopup.remove();\n            }\n\n            popup = document.createElement(\"div\");\n            popup.className = \"tiptap__mention-popup\";\n            popup.style.opacity = \"0\";\n            popup.style.transition = \"opacity 150ms ease-in-out\";\n            popup.style.visibility = \"hidden\";\n            this.shadowRoot?.appendChild(popup);\n\n            items = props.items;\n            if (items.length === 0) {\n              popup.style.visibility = \"hidden\";\n              popup.style.opacity = \"0\";\n              return;\n            }\n\n            selectedIndex = 0;\n            list = document.createElement(\"ul\");\n\n            for (const item of items) {\n              const listItem = document.createElement(\"li\");\n              listItem.textContent = item.label;\n              listItem.addEventListener(\"click\", (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                command({\n                  id: item.id,\n                  label: item.label,\n                  href: item.href,\n                });\n                fadeOutAndRemove();\n              });\n              list.appendChild(listItem);\n            }\n\n            popup.appendChild(list);\n            updateSelection();\n\n            const coords = props.clientRect?.();\n            if (coords) {\n              updatePopupPosition(coords);\n            }\n          },\n\n          onUpdate: (props: SuggestionProps<MentionItem>) => {\n            command = props.command;\n            items = props.items;\n\n            // Hide popup if no items\n            if (items.length === 0) {\n              popup.style.visibility = \"hidden\";\n              popup.style.opacity = \"0\";\n              return;\n            }\n\n            selectedIndex = 0;\n\n            // Create new list if it doesn't exist\n            if (!list) {\n              list = document.createElement(\"ul\");\n              popup.appendChild(list);\n            } else {\n              list.innerHTML = \"\";\n            }\n\n            for (const item of items) {\n              const listItem = document.createElement(\"li\");\n              listItem.textContent = item.label;\n              listItem.addEventListener(\"click\", (e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                command({\n                  id: item.id,\n                  label: item.label,\n                  href: item.href,\n                });\n                fadeOutAndRemove();\n              });\n              list.appendChild(listItem);\n            }\n\n            updateSelection();\n\n            const coords = props.clientRect?.();\n            if (coords) {\n              updatePopupPosition(coords);\n            }\n          },\n\n          onKeyDown: (props: SuggestionKeyDownProps) => {\n            if (props.event?.key === \"Escape\") {\n              fadeOutAndRemove();\n              return true;\n            }\n\n            if (props.event?.key === \"ArrowDown\") {\n              selectedIndex = (selectedIndex + 1) % items.length;\n              updateSelection();\n              return true;\n            }\n\n            if (props.event?.key === \"ArrowUp\") {\n              selectedIndex = (selectedIndex - 1 + items.length) % items.length;\n              updateSelection();\n              return true;\n            }\n\n            if (props.event?.key === \"Enter\") {\n              const selectedItem = items[selectedIndex];\n\n              if (selectedItem) {\n                command({\n                  id: selectedItem.id,\n                  label: selectedItem.label,\n                  href: selectedItem.href,\n                });\n                fadeOutAndRemove();\n                return true;\n              }\n            }\n\n            return false;\n          },\n\n          onExit: () => {\n            fadeOutAndRemove();\n          },\n        };\n      },\n    };\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this.initializeEditor();\n  }\n\n  disconnectedCallback() {\n    this.editor?.destroy();\n    super.disconnectedCallback();\n  }\n\n  private initializeEditor() {\n    if (!this._editor) return;\n\n    const suggestion = this.createMentionSuggestion();\n\n    this.editor = new Editor({\n      element: this._editor,\n      content: this._content,\n      editable: true,\n      editorProps: {\n        attributes: {\n          class: \"tiptap__editor\",\n        },\n      },\n      extensions: [\n        Document,\n        Mention.configure({\n          HTMLAttributes: {\n            class: \"tiptap__mention\",\n          },\n          renderText({ options, node }) {\n            return `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`;\n          },\n          renderHTML({ options, node }) {\n            return [\n              \"a\",\n              mergeAttributes({ href: `${node.attrs.href}` }, options.HTMLAttributes),\n              `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`,\n            ];\n          },\n          suggestion,\n        }).extend({\n          addAttributes() {\n            return {\n              id: {\n                default: null,\n                parseHTML: (element) => element.getAttribute(\"data-id\"),\n                renderHTML: (attributes) => {\n                  return {\n                    \"data-id\": attributes.id,\n                  };\n                },\n              },\n              label: {\n                default: null,\n                parseHTML: (element) => element.getAttribute(\"data-label\"),\n                renderHTML: (attributes) => {\n                  return {\n                    \"data-label\": attributes.label,\n                  };\n                },\n              },\n              href: {\n                default: null,\n                parseHTML: (element) => element.getAttribute(\"href\"),\n                renderHTML: (attributes) => {\n                  return {\n                    href: attributes.href,\n                  };\n                },\n              },\n            };\n          },\n        }),\n        Paragraph,\n        Placeholder.configure({\n          placeholder: \"Try mentioning someone using @ symbol\",\n        }),\n        Text,\n        Typography,\n      ],\n      onUpdate: ({ editor }) => {\n        this._content = editor.getHTML();\n        this.emit(\"pop-content-change\", this._content);\n      },\n    });\n  }\n\n  render() {\n    return html`<div\n      class=${classMap({\n        \"comment-input\": true,\n        [`comment-input--variant-${this.variant}`]: true,\n        \"comment-input--has-error\": !!this._error,\n      })}\n      part=\"base\"\n    >\n      <div class=\"comment-input__input\"></div>\n      ${this._error ? html`<div class=\"comment-input__error\">${this._error.message}</div>` : \"\"}\n    </div>`;\n  }\n}\n","import { createContext } from \"@lit/context\";\nimport type { Comment, Grid } from \"../types/models\";\n\nexport interface GridState {\n  comments: Comment[];\n  fetchGrid: (id: string) => void;\n  fetchReplies: (commentId: string) => void;\n  grid: Grid | null;\n  loading: boolean;\n  selectedCommentId: string | null;\n  selectComment: (commentId: string | null) => void;\n}\n\nexport const gridContext = createContext<GridState>(Symbol(\"pop-grid-context\"));\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: flex;\n    position: relative;\n  }\n\n  .comment-input {\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    max-height: 280px;\n    width: 100%;\n    padding-top: 4px;\n    padding-right: 8px;\n    padding-bottom: 4px;\n    padding-left: 12px;\n    background-color: var(--color-surface-alpha-singular-alpha-input-bar);\n    transition: all var(--duration-quick) var(--ease-quick);\n    border-radius: 18px;\n    min-height: 36px;\n    flex: 1 0 0;\n  }\n\n  .comment-input--has-error {\n    border-color: var(--color-border-conditional-border-error);\n    background-color: var(--color-surface-alpha-alpha-error);\n  }\n\n  .comment-input__input {\n    display: flex;\n    padding: 5px 0;\n    align-items: flex-end;\n    gap: 2px;\n    flex: 1 0 0;\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    white-space: pre-wrap;\n  }\n\n  .tiptap__editor {\n    color: var(--color-text-text-default);\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    max-height: 264px;\n    outline: none;\n    overflow-y: auto;\n    position: relative;\n    width: 100%;\n  }\n\n  .tiptap__mention {\n    color: var(--color-text-singular-text-link);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .tiptap__mention-popup {\n    background: var(--color-surface-bg-default);\n    border-radius: var(--radius-sm);\n    border: 1px solid var(--color-border-border-edge-strong);\n    box-shadow: var(--shadow-lg);\n    position: absolute;\n    z-index: 1000;\n    transition: opacity 0.1s ease-in-out;\n  }\n\n  .tiptap__mention-popup ul {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: column;\n    list-style: none;\n    margin: 0;\n    padding: var(--spacing-sm);\n  }\n\n  .tiptap__mention-popup li {\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n    align-items: center;\n    align-self: stretch;\n    background: var(--color-surface-buttons-secondary-bg-blank-resting);\n    border-radius: var(--radius-sm);\n    color: var(--color-text-text-default);\n    cursor: pointer;\n    display: -webkit-box;\n    display: flex;\n    flex: 1 0 0;\n    font-size: var(--text-widget-base);\n    line-height: var(--text-widget-base--line-height);\n    letter-spacing: var(--text-widget-base--letter-spacing);\n    font-weight: 400;\n    gap: 12px;\n    padding: 8px;\n  }\n\n  .tiptap__mention-popup li:hover {\n    background: #f0f0f0;\n  }\n\n  .tiptap__mention-popup li[data-selected] {\n    background: var(--color-surface-buttons-secondary-bg-blank-hover);\n  }\n\n  .is-editor-empty:first-child::before {\n    color: var(--color-text-text-placeholder);\n    content: attr(data-placeholder);\n    float: left;\n    height: 0;\n    pointer-events: none;\n  }\n`;\n","import { PopCommentInput } from \"./comment-input.component.js\";\n\nexport * from \"./comment-input.component.js\";\nexport default PopCommentInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-comment-input\": PopCommentInput;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { when } from \"lit/directives/when.js\";\n\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport styles from \"./comment-thread.styles\";\n\n/**\n * @summary Short summary of the component's intended use.\n * @status experimental\n * @since 0.0.1\n *\n * @dependency pop-example\n *\n * @event pop-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */\n@customElement(\"pop-comment-thread\")\nexport class PopCommentThread extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: gridContext, subscribe: true })\n  gridContext?: GridState;\n\n  @property({ type: String })\n  id!: string;\n\n  get comment() {\n    return this.gridContext?.comments.find((c) => c.id === this.id);\n  }\n\n  render() {\n    return html`\n      <div\n        class=${classMap({\n          \"comment-thread\": true,\n        })}\n      >\n        <pop-comment id=${this.id}></pop-comment>\n        ${when(\n          (this.comment?.repliesCount ?? 0) > 0,\n          () => html`\n            <div class=\"comment-thread__replies\">\n              ${this.comment?.replies.map((reply) => html`<pop-comment id=${reply.id}></pop-comment>`)}\n            </div>\n          `,\n        )}\n      </div>\n    `;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .comment-thread {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .comment-thread--size-sm {\n  }\n\n  .comment-thread--size-md {\n  }\n\n  .comment-thread__replies {\n    display: flex;\n    padding-left: var(--spacing-3xl, 24px);\n    flex-direction: column;\n    align-items: center;\n    gap: var(--spacing-lg, 12px);\n  }\n`;\n","import { PopCommentThread } from \"./comment-thread.component.js\";\n\nexport * from \"./comment-thread.component.js\";\nexport default PopCommentThread;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-comment-thread\": PopCommentThread;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nimport { sampleColor } from \"@popgrids/ui\";\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport { abbreviatedTimeAgoInWords } from \"../../helpers/time\";\nimport { type Comment } from \"../../types/models\";\n\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport styles from \"./comment.styles\";\n\n/**\n * @summary A component for displaying a comment.\n * @status experimental\n * @since 0.0.1\n *\n * @event {{ id: string, selected: boolean }} pop-click - Emitted when the comment is clicked.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */\n@customElement(\"pop-comment\")\nexport class PopComment extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: gridContext, subscribe: true })\n  gridContext?: GridState;\n\n  @property({ type: String })\n  id!: string;\n\n  @state()\n  private _randomColor = sampleColor();\n\n  @state()\n  private _expanded = false;\n\n  @query(\".comment__text\")\n  _text!: HTMLElement;\n\n  private handleClick() {\n    // Check if this comment is already selected\n    const isAlreadySelected = this.selected;\n\n    // Toggle the selected state\n    if (isAlreadySelected) {\n      // If already selected, deselect by passing null\n      this.gridContext?.selectComment(null as any);\n    } else {\n      // If not selected, select this comment\n      this.gridContext?.selectComment(this.id);\n    }\n\n    // Emit the click event with the new selected state\n    this.emit(\"pop-click\", { id: this.id, selected: !isAlreadySelected });\n\n    // Only expand if not already expanded\n    if (!this._expanded && this._text) {\n      // First: measure current height\n      const startHeight = this._text.offsetHeight;\n\n      // Set expanded state to true (once)\n      this._expanded = true;\n\n      // Force a synchronous layout to apply the expanded class immediately\n      this.requestUpdate();\n      // Wait for the update to complete\n      this.updateComplete.then(() => {\n        // Last: measure height after the change\n        const endHeight = this._text.scrollHeight;\n\n        // Invert: set the initial animation state\n        this._text.style.height = `${startHeight}px`;\n        this._text.style.overflow = \"hidden\";\n\n        // Force a reflow\n        void this._text.offsetHeight;\n\n        // Play: animate to the new state\n        this._text.style.transition = \"height var(--duration-quick) var(--ease-quick)\";\n        this._text.style.height = `${endHeight}px`;\n\n        // Clean up after animation\n        setTimeout(() => {\n          this._text.style.height = \"\";\n          this._text.style.overflow = \"\";\n        }, 300);\n      });\n    }\n  }\n\n  get comment() {\n    return this.findCommentOrReply(this.gridContext?.comments ?? [], this.id);\n  }\n\n  get commentAvatarSize() {\n    return this.gridContext?.grid?.layout === \"sm\" ? \"xs\" : \"sm\";\n  }\n\n  get selected() {\n    return this.gridContext?.selectedCommentId === this.id;\n  }\n\n  findCommentOrReply(comments: Comment[], id: string) {\n    const stack = [...comments];\n\n    while (stack.length > 0) {\n      const current = stack.pop();\n      if (!current) continue;\n\n      if (current.id === id) {\n        return current;\n      }\n\n      if (current.replies && current.replies.length > 0) {\n        stack.push(...current.replies);\n      }\n    }\n\n    return null;\n  }\n\n  render() {\n    return html`\n      <button\n        class=${classMap({\n          comment: true,\n          [`comment--size-${this.gridContext?.grid?.layout ?? \"sm\"}`]: true,\n          \"comment--is-selected\": this.selected,\n        })}\n        part=\"base\"\n        type=\"button\"\n        @click=${this.handleClick}\n      >\n        <div class=\"comment__user\">\n          <pop-comment-avatar\n            class=\"comment__avatar\"\n            size=${this.commentAvatarSize}\n            style=\"--comment-avatar-border-size: 0;\"\n          >\n            <img\n              src=${ifDefined(this.comment?.account?.avatar?.url)}\n              alt=\"${this.comment?.account?.name}'s avatar\"\n              style=${styleMap({\n                backgroundColor: this._randomColor,\n              })}\n            />\n          </pop-comment-avatar>\n        </div>\n        <div class=\"comment__content\">\n          <div class=\"comment__info\">\n            <div class=\"comment__user\">\n              <div class=\"comment__user-name\">${this.comment?.account?.name}</div>\n              <div class=\"comment__timestamp\">\n                ${this.comment ? abbreviatedTimeAgoInWords(new Date(this.comment.createdAt ?? \"\")) : \"\"}\n              </div>\n            </div>\n          </div>\n          <div\n            class=${classMap({\n              comment__text: true,\n              expanded: this._expanded,\n            })}\n          >\n            ${this.comment?.content}\n          </div>\n        </div>\n      </button>\n    `;\n  }\n}\n","export function abbreviatedTimeAgoInWords(time: Date): string {\n  const seconds = (Date.now() - time.getTime()) / 1000;\n\n  if (seconds < 60) {\n    return `${Math.floor(seconds)}s`;\n  }\n\n  if (seconds < 3600) {\n    return `${Math.floor(seconds / 60)}m`;\n  }\n\n  if (seconds < 86400) {\n    return `${Math.floor(seconds / 3600)}h`;\n  }\n\n  return `${Math.floor(seconds / 86400)}d`;\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .comment {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    background-color: transparent;\n\n    border: none;\n    padding: 0;\n    border-radius: var(--radius-md);\n    outline: 6px solid transparent;\n    transition:\n      background-color 0.2s ease,\n      outline-color 0.2s ease;\n  }\n\n  .comment--size-sm {\n    --avatar-size: 32px;\n    --width: 32px;\n\n    gap: 8px;\n  }\n\n  .comment--size-lg {\n    --avatar-size: 56px;\n    --width: 56px;\n\n    gap: 12px;\n  }\n\n  .comment--is-selected {\n    background-color: var(--color-black-alpha-900);\n    outline-color: var(--color-black-alpha-900);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .comment:hover .comment__avatar {\n      transform: translateX(2px);\n    }\n  }\n\n  .comment--is-selected .comment__avatar {\n    transform: translateX(2px);\n  }\n\n  .comment__avatar {\n    --border-size: 0;\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n  }\n\n  .comment__user {\n    display: flex;\n    width: var(--width);\n    align-items: flex-start;\n    gap: 10px;\n    flex-shrink: 0;\n    align-self: stretch;\n  }\n\n  .comment__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1 0 0;\n    align-self: stretch;\n  }\n\n  .comment__info {\n    display: flex;\n    align-items: flex-start;\n    align-self: stretch;\n  }\n\n  .comment__user-name {\n    color: var(--color-text-text-default, #000);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    font-family: Inter;\n    font-size: var(--text-widget-base, 13px);\n    font-style: normal;\n    font-weight: 500;\n    line-height: var(--text-widget-base--line-height, 18px);\n    letter-spacing: -0.08px;\n  }\n\n  .comment__timestamp {\n    color: var(--color-text-text-default-dim-light, #697586);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    /* Widget/Regular */\n    font-family: Inter;\n    font-size: var(--text-widget-base, 13px);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--text-widget-base--line-height, 18px);\n    letter-spacing: -0.08px;\n  }\n\n  .comment__text {\n    /* Base styles */\n    align-self: stretch;\n    color: var(--color-text-text-default-dim);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    font-family: Inter;\n    font-size: var(--text-widget-base, 13px);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--text-widget-base--line-height, 18px);\n    letter-spacing: -0.08px;\n    text-align: left;\n\n    /* Clamping when not expanded */\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .comment__text.expanded {\n    /* Remove line clamping */\n    -webkit-line-clamp: initial;\n    display: block;\n  }\n`;\n","import { PopComment } from \"./comment.component.js\";\n\nexport * from \"./comment.component.js\";\nexport default PopComment;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-comment\": PopComment;\n  }\n}\n","import { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { authContext, AuthState } from \"../../context/auth_context\";\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport styles from \"./feed.styles\";\n\n/**\n * @summary A component for displaying a feed of comments.\n * @status experimental\n * @since 0.0.1\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-feed\")\nexport class PopFeed extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: authContext, subscribe: true })\n  authContext?: AuthState;\n\n  @consume({ context: gridContext, subscribe: true })\n  gridContext?: GridState;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  size: \"sm\" | \"md\" = \"sm\";\n\n  render() {\n    if (!this.gridContext) {\n      return html``;\n    }\n\n    if (this.gridContext.comments.length === 0) {\n      return html`<div class=\"feed__empty\">No comments yet</div>`;\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          feed: true,\n          \"feed--is-open\": this.open,\n          [`feed--size-${this.gridContext.grid?.layout ?? \"sm\"}`]: true,\n        })}\n        part=\"base\"\n      >\n        <div class=\"feed__content\">\n          <div class=\"feed__main\">\n            ${this.gridContext.comments.map(\n              (comment) => html`<pop-comment-thread id=${comment.id}></pop-comment-thread> `,\n            )}\n          </div>\n        </div>\n        <div class=\"feed__footer\">\n          ${this.authContext?.isAuthenticated\n            ? html`<pop-comment-bar class=\"feed__comment-bar\"></pop-comment-bar>`\n            : html` <pop-auth-panel class=\"feed__auth-panel\"></pop-auth-panel> `}\n        </div>\n      </div>\n    `;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: flex;\n  }\n\n  .feed {\n    align-items: flex-start;\n    background: var(--color-border-singular-border-island, #fff);\n    border-radius: var(--border-radius-2xl, 16px);\n    border: 1px solid var(--color-border-singular-border-island, #fff);\n    box-shadow: var(--shadow-3xl);\n    display: grid;\n    grid-template-rows: 1fr 50px;\n    max-height: 400px;\n    max-width: 400px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .feed__footer {\n    position: absolute;\n    bottom: 0;\n    min-height: 50px;\n    width: 100%;\n  }\n\n  .feed__comment-bar {\n  }\n\n  .feed__content {\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    gap: var(--spacing-md, 8px);\n    min-height: 80px;\n    max-height: 290px;\n    overflow: hidden auto;\n    padding: var(--spacing-md, 8px) 20px var(--spacing-xl, 16px) var(--spacing-md, 8px);\n  }\n\n  .feed__main {\n    align-items: stretch;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    flex: 1 0 0;\n    gap: var(--spacing-xl, 16px);\n    min-height: 100%;\n  }\n\n  .feed--size-md .feed__main {\n    gap: var(--spacing-lg, 12px);\n  }\n`;\n","import { PopFeed } from \"./feed.component.js\";\n\nexport * from \"./feed.component.js\";\nexport default PopFeed;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-feed\": PopFeed;\n  }\n}\n","import { consume, provide } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\n\nimport { type ApiState, apiContext } from \"../../context/api_context\";\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport type { Comment, Grid } from \"../../types/models\";\n\n/**\n * @summary A data provider for the grid component.\n * @status experimental\n * @since 0.0.1\n *\n * @slot - The default slot.\n */\n@customElement(\"pop-grid-provider\")\nexport class PopGridProvider extends PopElement {\n  static styles: CSSResultGroup = [];\n\n  @consume({ context: apiContext })\n  apiState?: ApiState;\n\n  /** Grid ID */\n  @property({ type: String })\n  id!: string;\n\n  @state()\n  grid: Grid | null = null;\n\n  @state()\n  comments: Comment[] = [];\n\n  @state()\n  loading = false;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  contextData: GridState = this.initializeContextData();\n\n  private initializeContextData(): GridState {\n    return {\n      grid: null,\n      comments: [],\n      loading: this.loading,\n      fetchGrid: this.fetchGrid.bind(this),\n      fetchReplies: this.fetchReplies.bind(this),\n      selectedCommentId: null,\n      selectComment: this.selectComment.bind(this),\n    };\n  }\n\n  private updateState(updates: Partial<GridState>) {\n    this.contextData = {\n      ...this.contextData,\n      ...updates,\n    };\n    this.requestUpdate();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.id) {\n      this.fetchGrid(this.id);\n    } else {\n      console.error(\"ID not provided.\");\n    }\n  }\n\n  async fetchGrid(id: string) {\n    if (!this.apiState?.client) {\n      console.error(\"No API client provided.\");\n      return;\n    }\n\n    this.updateState({ loading: true });\n\n    const { data, error } = await this.apiState.client.GET(\"/api/v1/grids/{id}\", {\n      params: {\n        path: {\n          id,\n        },\n      },\n    });\n\n    if (data) {\n      const responseData = data as { grid: Grid };\n      this.grid = responseData.grid;\n      this.updateState({ grid: this.grid, loading: false });\n      this.fetchComments(this.id);\n    }\n\n    if (error) {\n      console.error(\"Failed to fetch grid:\", error);\n      this.loading = false;\n      this.updateState({ loading: this.loading });\n      return;\n    }\n  }\n\n  async fetchComments(gridId: string) {\n    if (!this.apiState?.client) return;\n\n    const { data, error } = await this.apiState.client.GET(\"/api/v1/grids/{grid_id}/comments\", {\n      params: {\n        path: {\n          grid_id: gridId,\n        },\n      },\n    });\n\n    this.loading = false;\n\n    if (data) {\n      // Type the response data or handle it appropriately\n      const responseData = data as { comments: Comment[] };\n      this.comments = responseData.comments;\n      this.updateState({ comments: this.comments, loading: this.loading });\n    }\n\n    if (error) {\n      console.error(\"Failed to fetch comments:\", error);\n      this.updateState({ loading: this.loading });\n      return;\n    }\n  }\n\n  async fetchReplies(commentId: string) {\n    if (!this.apiState?.client) return;\n\n    try {\n      const repliesResponse = await this.apiState.client.GET(\"/api/v1/grids/{grid_id}/comments/{id}/replies\", {\n        params: {\n          path: {\n            grid_id: this.id,\n            id: commentId,\n          },\n        },\n      });\n\n      if (repliesResponse.data) {\n        const responseData = repliesResponse.data as { replies: Comment[] };\n        const replies = responseData.replies || [];\n        this.comments = this.comments.map((comment) =>\n          comment.id === commentId ? { ...comment, replies: [...(comment.replies || []), ...replies] } : comment,\n        );\n\n        this.updateState({ comments: this.comments });\n      }\n    } catch (error) {\n      console.error(`Failed to fetch replies for comment ${commentId}:`, error);\n    }\n  }\n\n  selectComment(commentId: string | null) {\n    this.updateState({ selectedCommentId: commentId });\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n","import { PopGridProvider } from \"./grid-provider.component.js\";\n\nexport * from \"./grid-provider.component.js\";\nexport default PopGridProvider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-grid-provider\": PopGridProvider;\n  }\n}\n","import { PopElement } from \"@popgrids/ui\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nimport styles from \"./grid.styles\";\n\n/**\n * @summary A Grid displays a discussion thread.\n * @status experimental\n * @since 0.0.1\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n */\n@customElement(\"pop-grid\")\nexport class PopGrid extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @property({ type: String, attribute: \"api-url\", reflect: true })\n  apiUrl = \"https://api.popgrids.com\"; // Default API URL, can be overridden\n\n  @property({ type: String, attribute: \"data-grid-id\" })\n  gridId = \"\";\n\n  render() {\n    return html`\n      <pop-api-provider api-url=${this.apiUrl}>\n        <pop-grid-provider id=${this.gridId}>\n          <pop-auth-provider>\n            <pop-widget></pop-widget>\n          </pop-auth-provider>\n        </pop-grid-provider>\n      </pop-api-provider>\n    `;\n  }\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: flex;\n    align-items: center;\n  }\n`;\n","import { PopGrid } from \"./grid.component\";\n\nexport * from \"./grid.component\";\nexport default PopGrid;\n\n// Automatically define the custom element\nif (!customElements.get(\"pop-grid\")) {\n  customElements.define(\"pop-grid\", PopGrid);\n}\n\n// Automatically create grid elements with grid-id attributes\nfunction initializeGrids() {\n  const gridElements = document.querySelectorAll(\n    \"pop-grid[grid-id]:not([initialized])\"\n  );\n\n  for (const element of Array.from(gridElements)) {\n    const gridId = element.getAttribute(\"grid-id\");\n    if (gridId) {\n      element.setAttribute(\"data-grid-id\", gridId);\n      element.setAttribute(\"initialized\", \"true\");\n    }\n  }\n}\n\n// Run initialization when the script loads\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initializeGrids);\n} else {\n  initializeGrids();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-grid\": PopGrid;\n  }\n}\n","import { type Middleware, autoUpdate, computePosition, flip, offset, platform } from \"@floating-ui/dom\";\nimport { consume } from \"@lit/context\";\nimport { PopElement } from \"@popgrids/ui\";\nimport { offsetParent } from \"composed-offset-position\";\nimport { type CSSResultGroup, html } from \"lit\";\nimport { customElement, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n\nimport { type GridState, gridContext } from \"../../context/grid_context\";\nimport styles from \"./widget.styles\";\n\nconst previewLimits: Record<string, number> = {\n  default: 1,\n  md: 3,\n  lg: 5,\n};\n\n/**\n * @summary The base widget for a pop grid.\n * @status experimental\n * @since 0.0.1\n *\n * @dependency pop-widget\n *\n * @slot - The default slot.\n */\n@customElement(\"pop-widget\")\nexport default class PopGridView extends PopElement {\n  static styles: CSSResultGroup = [super.styles, styles];\n\n  @consume({ context: gridContext, subscribe: true })\n  gridContext?: GridState;\n\n  @state()\n  private _open = false;\n\n  @query(\".grid-widget__previews\") _previews!: HTMLElement;\n  @query(\".grid-widget__feed\") _feed!: HTMLElement;\n\n  private cleanup: ReturnType<typeof autoUpdate> | undefined;\n\n  async connectedCallback() {\n    super.connectedCallback();\n\n    // Start positioning the island after the first update\n    await this.updateComplete;\n    this.start();\n    document.addEventListener(\"mousedown\", this.handleDocumentMouseDown);\n    document.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener(\"mousedown\", this.handleDocumentMouseDown);\n    document.removeEventListener(\"keydown\", this.handleKeyDown);\n    super.disconnectedCallback();\n    this.stop();\n  }\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === \"Escape\") {\n      this._open = false;\n    }\n  };\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    if (!this._open) return;\n\n    // Close when clicking outside\n    const path = event.composedPath();\n\n    if (this && !path.includes(this._feed)) {\n      this._open = false;\n    }\n  };\n\n  private handlePopClick() {\n    if (!this._open) {\n      this._open = true;\n    }\n  }\n\n  private reposition = () => {\n    if (!this._open || !this._previews || !this._feed || !this.gridContext?.grid) {\n      return;\n    }\n\n    // Offset\n    let middleware: Middleware[] = [];\n\n    middleware = [\n      offset({\n        mainAxis: this.gridContext.grid.position === \"down\" ? -16 : -48,\n        crossAxis: -13,\n      }),\n    ];\n\n    // Flip\n    if (!this.gridContext.grid.position || this.gridContext.grid.position === \"smart\") {\n      middleware.push(\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n          fallbackStrategy: \"bestFit\",\n          padding: 16,\n        }),\n      );\n    }\n\n    // Shift\n    // middleware.push(\n    //   shift({\n    //     padding: 0,\n    //   }),\n    // );\n\n    const getOffsetParent = (element: Element) => platform.getOffsetParent(element, offsetParent);\n\n    computePosition(this._previews, this._feed, {\n      placement: this.gridContext.grid.position === \"down\" ? \"bottom-start\" : \"top-start\",\n      middleware,\n      strategy: \"fixed\",\n      platform: {\n        ...platform,\n        getOffsetParent,\n      },\n    }).then(({ x, y, placement }) => {\n      this._feed.setAttribute(\"data-current-placement\", placement);\n\n      Object.assign(this._feed.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    });\n  };\n\n  private start() {\n    if (!this._previews) {\n      return;\n    }\n\n    this.cleanup = autoUpdate(this._previews, this._feed, () => {\n      this.reposition();\n    });\n  }\n\n  private async stop(): Promise<void> {\n    return new Promise((resolve) => {\n      if (this.cleanup) {\n        this.cleanup();\n        this.cleanup = undefined;\n        this.removeAttribute(\"data-current-placement\");\n        this.style.removeProperty(\"--auto-size-available-width\");\n        this.style.removeProperty(\"--auto-size-available-height\");\n        requestAnimationFrame(() => resolve());\n      } else {\n        resolve();\n      }\n    });\n  }\n\n  async updated(changedProps: Map<string, unknown>) {\n    super.updated(changedProps);\n\n    // Start or stop the positioner when +open+ changes\n    if (changedProps.has(\"_open\")) {\n      if (this._open) {\n        this.start();\n      } else {\n        this.stop();\n      }\n    }\n\n    // Start or stop the positioner when +position+ changes\n    if (changedProps.has(\"position\")) {\n      if (this.gridContext?.grid?.position === \"smart\" && this._open) {\n        this.start();\n      } else {\n        this.stop();\n      }\n    }\n\n    // All other properties will trigger a reposition when active\n    if (this._open) {\n      await this.updateComplete;\n      this.reposition();\n    }\n  }\n\n  get previewComments() {\n    return this.gridContext?.comments\n      .filter((c) => c.parentCommentId === null)\n      .sort((a, b) => new Date(b.createdAt ?? \"\").getTime() - new Date(a.createdAt ?? \"\").getTime())\n      .slice(0, previewLimits[this.gridContext.grid?.preview ?? \"default\"]);\n  }\n\n  render() {\n    if (this.gridContext?.loading) {\n      return html`<div class=\"grid-widget\">\n        <pop-loader class=\"grid-widget__loader\" variant=\"spinner\"></pop-loader>\n      </div>`;\n    }\n\n    if (!this.gridContext?.grid) return html`<p>No grid found.</p>`;\n\n    return html`\n      <div\n        class=${classMap({\n          \"grid-widget\": true,\n          [`grid-widget--align-${this.gridContext.grid.align}`]: true,\n          [`grid-widget--appearance-${this.gridContext.grid.appearance}`]: true,\n          [`grid-widget--icon-${this.gridContext.grid.icon}`]: true,\n          [`grid-widget--layout-${this.gridContext.grid.layout}`]: true,\n          [`grid-widget--position-${this.gridContext.grid.position}`]: true,\n          [`grid-widget--preview-${this.gridContext.grid.preview}`]: true,\n        })}\n      >\n        <div class=\"grid-widget__previews\">\n          ${(this.previewComments ?? []).map(\n            (comment) => html`\n              <pop-comment-avatar class=\"grid-widget__preview-avatar\" size=\"xs\" @click=${this.handlePopClick}>\n                <img src=${ifDefined(comment.account?.avatar?.url)} alt=\"${comment.account?.name}’s avatar\" />\n              </pop-comment-avatar>\n            `,\n          )}\n          <pop-sum class=\"grid-widget__preview-sum\">${this.gridContext.grid.commentsCount}</pop-sum>\n          <pop-comment-icon\n            size=\"sm\"\n            theme=${this.gridContext.grid?.customAddIcon ? \"brand\" : \"neutral\"}\n            variant=\"add\"\n            .iconUrl=${this.gridContext.grid?.customAddIcon || undefined}\n          ></pop-comment-icon>\n        </div>\n        <div\n          class=${classMap({\n            \"grid-widget__feed\": true,\n            \"grid-widget__feed--open\": this._open,\n          })}\n          part=\"feed\"\n        >\n          <pop-feed ?open=${this._open}></pop-feed>\n        </div>\n      </div>\n    `;\n  }\n}\n","function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n  return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  return [':popover-open', ':modal'].some(selector => {\n    try {\n      return element.matches(selector);\n    } catch (e) {\n      return false;\n    }\n  });\n}\nfunction isContainingBlock(elementOrCss) {\n  const webkit = isWebKit();\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (typeof CSS === 'undefined' || !CSS.supports) return false;\n  return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n  return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  }\n  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import { isContainingBlock } from '@floating-ui/utils/dom';\n\nfunction offsetParent(element) {\n    return offsetParentPolyfill(element);\n}\nfunction offsetTop(element) {\n    return offsetTopLeftPolyfill(element, 'offsetTop');\n}\nfunction offsetLeft(element) {\n    return offsetTopLeftPolyfill(element, 'offsetLeft');\n}\nfunction flatTreeParent(element) {\n    if (element.assignedSlot) {\n        return element.assignedSlot;\n    }\n    if (element.parentNode instanceof ShadowRoot) {\n        return element.parentNode.host;\n    }\n    return element.parentNode;\n}\nfunction ancestorTreeScopes(element) {\n    const scopes = new Set();\n    let currentScope = element.getRootNode();\n    while (currentScope) {\n        scopes.add(currentScope);\n        currentScope = currentScope.parentNode\n            ? currentScope.parentNode.getRootNode()\n            : null;\n    }\n    return scopes;\n}\nfunction offsetParentPolyfill(element) {\n    // Do an initial walk to check for display:none ancestors.\n    for (let ancestor = element; ancestor; ancestor = flatTreeParent(ancestor)) {\n        if (!(ancestor instanceof Element)) {\n            continue;\n        }\n        if (getComputedStyle(ancestor).display === 'none') {\n            return null;\n        }\n    }\n    for (let ancestor = flatTreeParent(element); ancestor; ancestor = flatTreeParent(ancestor)) {\n        if (!(ancestor instanceof Element)) {\n            continue;\n        }\n        const style = getComputedStyle(ancestor);\n        // Display:contents nodes aren't in the layout tree, so they should be skipped.\n        if (style.display === 'contents') {\n            continue;\n        }\n        if (style.position !== 'static' || isContainingBlock(style)) {\n            return ancestor;\n        }\n        if (ancestor.tagName === 'BODY') {\n            return ancestor;\n        }\n    }\n    return null;\n}\nfunction offsetTopLeftPolyfill(element, offsetTopOrLeft) {\n    let value = element[offsetTopOrLeft];\n    let nextOffsetParent = offsetParentPolyfill(element);\n    const scopes = ancestorTreeScopes(element);\n    while (nextOffsetParent && !scopes.has(nextOffsetParent.getRootNode())) {\n        value -= nextOffsetParent[offsetTopOrLeft];\n        nextOffsetParent = offsetParentPolyfill(nextOffsetParent);\n    }\n    return value;\n}\n\nexport { offsetLeft, offsetParent, offsetTop };\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .grid-widget {\n    display: flex;\n    height: 100%;\n    position: relative;\n    width: 100%;\n  }\n\n  .grid-widget--align-left {\n    justify-content: flex-start;\n  }\n\n  .grid-widget--align-center {\n    justify-content: center;\n  }\n\n  .grid-widget--align-right {\n    justify-content: flex-end;\n  }\n\n  .grid-widget__feed {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 2147483647;\n    display: none;\n    opacity: 0;\n    transform: scale(0.94);\n    transition:\n      opacity var(--duration-quick) var(--ease-quick),\n      transform var(--duration-quick) var(--ease-quick),\n      display var(--duration-quick) allow-discrete;\n  }\n\n  .grid-widget__feed[data-current-placement=\"top-start\"] {\n    transform-origin: left bottom;\n  }\n\n  .grid-widget__feed[data-current-placement=\"bottom-start\"] {\n    transform-origin: left top;\n  }\n\n  .grid-widget__feed[data-current-placement=\"top-end\"] {\n    transform-origin: right bottom;\n  }\n\n  .grid-widget__feed[data-current-placement=\"bottom-end\"] {\n    transform-origin: right top;\n  }\n\n  .grid-widget__feed[data-current-placement=\"top\"] {\n    transform-origin: bottom;\n  }\n\n  .grid-widget__feed[data-current-placement=\"bottom\"] {\n    transform-origin: top;\n  }\n\n  .grid-widget__feed--open {\n    display: flex;\n    opacity: 1;\n    transform: scale(1);\n\n    @starting-style {\n      display: flex;\n      opacity: 0;\n      transform: scale(0.94);\n    }\n  }\n\n  .grid-widget__loader {\n    align-items: center;\n    display: flex;\n    min-height: 30px;\n  }\n\n  .grid-widget__previews {\n    display: inline-flex;\n    align-items: flex-start;\n  }\n\n  .grid-widget__previews > :not([hidden]) ~ :not([hidden]) {\n    margin-left: -4px;\n  }\n\n  .grid-widget__preview-avatar,\n  .grid-widget__preview-sum {\n    transition: transform var(--ease-quick) 600ms;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .grid-widget__preview-avatar:hover,\n    .grid-widget__preview-sum:hover {\n      cursor: pointer;\n      transform: scale(1.1875);\n    }\n  }\n\n  .grid-widget__preview-avatar:active,\n  .grid-widget__preview-sum:active {\n    cursor: pointer;\n    transform: scale(0.875);\n  }\n`;\n","import PopWidget from \"./widget.component.js\";\n\nexport * from \"./widget.component.js\";\nexport default PopWidget;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-widget\": PopWidget;\n  }\n}\n","import { provide } from \"@lit/context\";\nimport { LitElement, html } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\n\nimport { type ApiState, apiContext } from \"../../context/api_context\";\nimport { createApiClient } from \"../../services/api-client\";\n\n/**\n * @summary A provider for the API context.\n * @status experimental\n * @since 0.0.1\n *\n * @slot - The default slot.\n */\n@customElement(\"pop-api-provider\")\nexport class PopApiProvider extends LitElement {\n  @property({ type: String, attribute: \"api-url\" })\n  apiUrl!: string;\n\n  @provide({ context: apiContext })\n  @state()\n  apiState: ApiState = {\n    baseUrl: \"\",\n    client: null,\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.apiUrl) {\n      this.apiState = {\n        ...this.apiState,\n        baseUrl: this.apiUrl,\n        client: createApiClient(this.apiUrl),\n      };\n\n      this.requestUpdate();\n    } else {\n      console.error(\"API URL or ID not provided.\");\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n","import createClient from \"openapi-fetch\";\nimport type { paths } from \"../types/api-types\";\n\nexport const createApiClient = (apiUrl: string) => {\n  const client = createClient<paths>({\n    baseUrl: apiUrl,\n  });\n\n  return client;\n};\n","import { PopApiProvider } from \"./api-provider.component.js\";\n\nexport * from \"./api-provider.component.js\";\nexport default PopApiProvider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"pop-api-provider\": PopApiProvider;\n  }\n}\n"],"mappings":"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","names":["PopElement","html","customElement","classMap","css","unsafeCSS","auth_join_styles_default","css","unsafeCSS","swirling_ovals_default","PopAuthJoin","PopElement","html","classMap","__superGet","auth_join_styles_default","__decorateClass","customElement","auth_join_default","PopAuthJoin","consume","PopElement","html","customElement","query","state","classMap","ifDefined","createContext","authContext","css","auth_panel_styles_default","PopAuthPanel","PopElement","e","event","path","entries","entry","contentHeight","changedProperties","html","ifDefined","classMap","__superGet","auth_panel_styles_default","__decorateClass","consume","authContext","query","state","customElement","auth_panel_default","PopAuthPanel","consume","provide","PopElement","html","customElement","property","state","createContext","apiContext","css","auth_provider_styles_default","AUTH_TOKEN_KEY","PopAuthProvider","PopElement","savedToken","data","error","credentials","code","email","html","auth_provider_styles_default","__decorateClass","consume","apiContext","state","provide","authContext","property","customElement","auth_provider_default","PopAuthProvider","consume","PopElement","html","customElement","state","classMap","css","auth_sign_in_styles_default","googleIcon","google_default","appleIcon","apple_default","PopAuthSignIn","PopElement","email","e","valid","validationMessage","validity","response","html","classMap","__superGet","auth_sign_in_styles_default","__decorateClass","consume","authContext","state","customElement","auth_sign_in_default","PopAuthSignIn","consume","PopElement","html","customElement","property","query","queryAll","state","classMap","when","css","auth_verify_code_styles_default","PopAuthVerifyCode","PopElement","index","response","error","event","input","isDigit","currentIndex","prevInput","nextInput","message","clipboardData","digit","nextEmptyIndex","focusIndex","values","value","html","classMap","when","__superGet","auth_verify_code_styles_default","__decorateClass","consume","authContext","property","state","query","queryAll","customElement","auth_verify_code_default","PopAuthVerifyCode","PopElement","html","customElement","classMap","css","comment_bar_styles_default","PopCommentBar","PopElement","html","classMap","__superGet","comment_bar_styles_default","__decorateClass","customElement","comment_bar_default","PopCommentBar","computePosition","flip","offset","shift","consume","PopElement","Editor","mergeAttributes","Document","Mention","Paragraph","Placeholder","Text","Typography","html","customElement","property","query","state","classMap","createContext","gridContext","css","comment_input_styles_default","PopCommentInput","PopElement","query","client","data","error","account","command","popup","items","list","selectedIndex","updateSelection","listItems","item","index","updatePopupPosition","coords","virtualElement","x","y","computePosition","offset","flip","shift","fadeOutAndRemove","props","existingPopup","listItem","e","selectedItem","suggestion","Editor","Document","Mention","options","node","mergeAttributes","element","attributes","Paragraph","Placeholder","Text","Typography","editor","html","classMap","__superGet","comment_input_styles_default","__decorateClass","consume","apiContext","gridContext","property","state","customElement","comment_input_default","PopCommentInput","consume","PopElement","html","customElement","property","classMap","when","css","comment_thread_styles_default","PopCommentThread","PopElement","c","html","classMap","when","reply","__superGet","comment_thread_styles_default","__decorateClass","consume","gridContext","property","customElement","comment_thread_default","PopCommentThread","consume","PopElement","html","customElement","property","query","state","classMap","styleMap","sampleColor","abbreviatedTimeAgoInWords","time","seconds","ifDefined","css","comment_styles_default","PopComment","PopElement","sampleColor","isAlreadySelected","startHeight","endHeight","comments","id","stack","current","html","classMap","ifDefined","styleMap","abbreviatedTimeAgoInWords","__superGet","comment_styles_default","__decorateClass","consume","gridContext","property","state","query","customElement","comment_default","PopComment","consume","PopElement","html","customElement","property","classMap","css","feed_styles_default","PopFeed","PopElement","html","classMap","comment","__superGet","feed_styles_default","__decorateClass","consume","authContext","gridContext","property","customElement","feed_default","PopFeed","consume","provide","PopElement","html","customElement","property","state","PopGridProvider","PopElement","updates","id","data","error","responseData","gridId","commentId","repliesResponse","replies","comment","html","__decorateClass","consume","apiContext","property","state","provide","gridContext","customElement","grid_provider_default","PopGridProvider","PopElement","html","customElement","property","css","grid_styles_default","PopGrid","PopElement","html","__superGet","grid_styles_default","__decorateClass","property","customElement","grid_default","PopGrid","initializeGrids","gridElements","element","gridId","autoUpdate","computePosition","flip","offset","platform","consume","PopElement","hasWindow","getWindow","node","_node$ownerDocument","isElement","value","hasWindow","getWindow","isContainingBlock","elementOrCss","webkit","isWebKit","css","isElement","getComputedStyle","value","isWebKit","getComputedStyle","element","getWindow","offsetParent","element","offsetParentPolyfill","flatTreeParent","element","offsetParentPolyfill","element","ancestor","flatTreeParent","style","isContainingBlock","html","customElement","query","state","classMap","ifDefined","css","widget_styles_default","previewLimits","PopGridView","PopElement","e","event","path","middleware","offset","flip","getOffsetParent","element","platform","offsetParent","computePosition","x","y","placement","autoUpdate","resolve","changedProps","c","a","b","html","classMap","comment","ifDefined","__superGet","widget_styles_default","__decorateClass","consume","gridContext","state","query","customElement","widget_default","PopGridView","provide","LitElement","html","customElement","property","state","createClient","createApiClient","apiUrl","PopApiProvider","LitElement","createApiClient","html","__decorateClass","property","provide","apiContext","state","customElement","api_provider_default","PopApiProvider"]}
+{"version":3,"file":"index.js","names":["getComputedStyle","t"],"sources":["../src/lib/popup-auth.ts","../src/store/auth-store.ts","../src/store/registry.ts","../src/store/grid-store.ts","../src/styles/base.css?inline","../src/styles/buttons.css?inline","../src/styles/masks.css?inline","../src/helpers/theme.ts","../src/components/base-element.ts","../src/components/pop-auth-panel.ts","../src/assets/popgrids-letter-p.png?inline","../src/helpers/color.ts","../src/components/pop-comment-avatar.ts","../src/helpers/author.ts","../src/components/pop-comment-bar.ts","../src/components/pop-comment-icon.ts","../src/components/pop-comment-input.ts","../src/components/pop-comment-thread.ts","../src/helpers/time.ts","../src/components/pop-comment.ts","../src/components/pop-feed.ts","../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../node_modules/.pnpm/composed-offset-position@0.0.6_@floating-ui+utils@0.2.11/node_modules/composed-offset-position/dist/composed-offset-position.browser.min.mjs","../src/components/pop-grid.ts","../src/components/pop-widget.ts","../src/index.ts"],"sourcesContent":["import type { AuthUser } from \"../types/models.js\";\n\nexport const EMBED_AUTH_SOURCE = \"popgrids-embed\";\nexport const EMBED_AUTH_SUCCESS = \"popgrids:auth:success\";\nexport const EMBED_AUTH_ERROR = \"popgrids:auth:error\";\n\nexport const EMBED_AUTH_LOGIN_PATH = \"/embed/auth/login\";\nexport const POPUP_NAME = \"popgrids-auth\";\nexport const POPUP_FEATURES = \"popup,width=480,height=640\";\nexport const AUTH_TIMEOUT_MS = 5 * 60 * 1000;\n\nconst POPUP_CLOSE_GRACE_MS = 250;\n\nexport class PopupAuthError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = \"PopupAuthError\";\n  }\n}\n\nexport const buildEmbedLoginUrl = (\n  apiUrl: string,\n  publicKey: string,\n  returnOrigin: string,\n) => {\n  const url = new URL(EMBED_AUTH_LOGIN_PATH, apiUrl);\n  url.searchParams.set(\"publicKey\", publicKey);\n  url.searchParams.set(\"returnOrigin\", returnOrigin);\n  return url.toString();\n};\n\nexport const openPopgridsLoginPopup = (apiUrl: string, publicKey: string) => {\n  const popup = window.open(\n    buildEmbedLoginUrl(apiUrl, publicKey, window.location.origin),\n    POPUP_NAME,\n    POPUP_FEATURES,\n  );\n\n  if (!popup) {\n    throw new PopupAuthError(\"Popup blocked. Allow popups for this site and try again.\");\n  }\n\n  return popup;\n};\n\nconst isAuthMessage = (data: unknown, type: string) =>\n  typeof data === \"object\" &&\n  data !== null &&\n  \"type\" in data &&\n  \"source\" in data &&\n  (data as { type: string; source: string }).type === type &&\n  (data as { type: string; source: string }).source === EMBED_AUTH_SOURCE;\n\nconst readAuthUser = (data: unknown): AuthUser | null => {\n  if (typeof data !== \"object\" || data === null || !(\"user\" in data)) {\n    return null;\n  }\n\n  const user = (data as { user?: unknown }).user;\n  if (typeof user !== \"object\" || user === null || !(\"id\" in user)) {\n    return null;\n  }\n\n  const record = user as {\n    id?: unknown;\n    name?: unknown;\n    email?: unknown;\n    image?: unknown;\n  };\n\n  if (typeof record.id !== \"string\") {\n    return null;\n  }\n\n  return {\n    id: record.id,\n    name: typeof record.name === \"string\" ? record.name : \"\",\n    email: typeof record.email === \"string\" ? record.email : \"\",\n    image: typeof record.image === \"string\" ? record.image : null,\n  };\n};\n\nexport const waitForPopgridsAuth = (\n  apiUrl: string,\n  popup: Window,\n  options?: {\n    onAuthUser?: (user: AuthUser) => void;\n    verifySignedIn?: () => Promise<boolean>;\n  },\n) =>\n  new Promise<void>((resolve, reject) => {\n    const expectedOrigin = new URL(apiUrl).origin;\n    let settled = false;\n    let authMessageReceived = false;\n    let closeCheckStarted = false;\n\n    const settle = (result: \"resolve\" | \"reject\", error?: PopupAuthError) => {\n      if (settled) {\n        return;\n      }\n      settled = true;\n      cleanup();\n      if (result === \"resolve\") {\n        resolve();\n        return;\n      }\n      reject(error ?? new PopupAuthError(\"Sign-in failed\"));\n    };\n\n    const onMessage = (event: MessageEvent) => {\n      if (event.origin !== expectedOrigin) {\n        return;\n      }\n\n      if (isAuthMessage(event.data, EMBED_AUTH_SUCCESS)) {\n        authMessageReceived = true;\n        const user = readAuthUser(event.data);\n        if (user) {\n          options?.onAuthUser?.(user);\n        }\n        settle(\"resolve\");\n        return;\n      }\n\n      if (isAuthMessage(event.data, EMBED_AUTH_ERROR)) {\n        authMessageReceived = true;\n        const message =\n          typeof event.data === \"object\" &&\n          event.data !== null &&\n          \"error\" in event.data &&\n          typeof (event.data as { error?: unknown }).error === \"string\"\n            ? (event.data as { error: string }).error\n            : \"Sign-in failed\";\n        settle(\"reject\", new PopupAuthError(message));\n      }\n    };\n\n    const interval = window.setInterval(() => {\n      if (!popup.closed) {\n        return;\n      }\n\n      if (closeCheckStarted) {\n        return;\n      }\n\n      closeCheckStarted = true;\n\n      void (async () => {\n        await new Promise((resolveDelay) => window.setTimeout(resolveDelay, POPUP_CLOSE_GRACE_MS));\n\n        if (authMessageReceived || settled) {\n          return;\n        }\n\n        if (options?.verifySignedIn && (await options.verifySignedIn())) {\n          settle(\"resolve\");\n          return;\n        }\n\n        settle(\"reject\", new PopupAuthError(\"Sign-in was cancelled\"));\n      })();\n    }, 300);\n\n    const timeout = window.setTimeout(() => {\n      try {\n        popup.close();\n      } catch {\n        // ignore\n      }\n      settle(\"reject\", new PopupAuthError(\"Sign-in timed out\"));\n    }, AUTH_TIMEOUT_MS);\n\n    const cleanup = () => {\n      window.removeEventListener(\"message\", onMessage);\n      clearInterval(interval);\n      clearTimeout(timeout);\n    };\n\n    window.addEventListener(\"message\", onMessage);\n  });\n\nexport const signInWithPopup = async (\n  apiUrl: string,\n  publicKey: string,\n  options?: {\n    onAuthUser?: (user: AuthUser) => void;\n    verifySignedIn?: () => Promise<boolean>;\n  },\n) => {\n  const popup = openPopgridsLoginPopup(apiUrl, publicKey);\n  await waitForPopgridsAuth(apiUrl, popup, options);\n};\n","import { signal } from \"@preact/signals-core\";\nimport { signInWithPopup } from \"../lib/popup-auth.js\";\nimport type { AuthUser } from \"../types/models.js\";\n\nexport const currentUser = signal<AuthUser | null>(null);\nexport const authError = signal<string | null>(null);\nexport const authPending = signal(false);\n\nconst SESSION_RETRY_DELAYS_MS = [0, 150, 400];\nconst POST_AUTH_SESSION_DELAYS_MS = [0, 100, 200, 400, 800, 1500, 2500, 4000];\n\nexport async function checkSession(\n  apiUrl: string,\n  publicKey: string,\n  delays: number[] = SESSION_RETRY_DELAYS_MS,\n): Promise<boolean> {\n  if (!apiUrl || !publicKey) {\n    currentUser.value = null;\n    return false;\n  }\n\n  const sessionUrl = new URL(\n    `/api/v1/embed/grids/${publicKey}/session`,\n    apiUrl,\n  );\n  sessionUrl.searchParams.set(\"pageUrl\", window.location.href);\n\n  for (let attempt = 0; attempt < delays.length; attempt++) {\n    const delay = delays[attempt] ?? 0;\n    if (delay > 0) {\n      await new Promise((resolve) => window.setTimeout(resolve, delay));\n    }\n\n    try {\n      const res = await fetch(sessionUrl, { credentials: \"include\" });\n\n      if (!res.ok) {\n        continue;\n      }\n\n      const data = (await res.json()) as { user: AuthUser | null };\n      currentUser.value = data.user ?? null;\n\n      if (currentUser.value !== null) {\n        return true;\n      }\n    } catch {\n      // retry\n    }\n  }\n\n  currentUser.value = null;\n  return false;\n}\n\nexport async function requestSignIn(\n  apiUrl: string,\n  publicKey: string,\n): Promise<boolean> {\n  authError.value = null;\n  authPending.value = true;\n\n  try {\n    await signInWithPopup(apiUrl, publicKey, {\n      onAuthUser: (user) => {\n        currentUser.value = user;\n      },\n      verifySignedIn: () =>\n        checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS),\n    });\n\n    if (currentUser.value) {\n      return true;\n    }\n\n    return await checkSession(apiUrl, publicKey, POST_AUTH_SESSION_DELAYS_MS);\n  } catch (error) {\n    authError.value = error instanceof Error ? error.message : \"Sign-in failed\";\n    return false;\n  } finally {\n    authPending.value = false;\n  }\n}\n\nexport function clearAuthError(): void {\n  authError.value = null;\n}\n","const _registry = new WeakMap<Element, Map<any, any>>();\n\nexport const registerStore = (el: Element, store: any, key: any = store.constructor): void => {\n  let stores = _registry.get(el);\n  if (!stores) {\n    stores = new Map();\n    _registry.set(el, stores);\n  }\n  stores.set(key, store);\n};\n\nexport const unregisterStore = (el: Element): void => {\n  _registry.delete(el);\n};\n\nexport const resolveStore = <T>(el: Element, key: any): T | null => {\n  let node: Element | null = el;\n  while (node) {\n    const stores = _registry.get(node);\n    const store = stores?.get(key);\n    if (store) return store as T;\n\n    const root = node.getRootNode();\n    if (!(root instanceof ShadowRoot)) break;\n    node = root.host;\n  }\n  return null;\n};\n\nexport function consume(storeKey: any) {\n  return function (target: any, propertyKey: string) {\n    const cacheKey = Symbol(\"context_\" + (storeKey.name || \"store\"));\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        if (this[cacheKey]) return this[cacheKey];\n        const resolved = resolveStore(this, storeKey);\n        if (!resolved) {\n          console.error(`[Context] resolveStore failed! isConnected: ${this.isConnected}`, this);\n          throw new Error(\n            `[Context] Store for key \"${storeKey.name || storeKey}\" not resolved on <${this.localName}>.`\n          );\n        }\n        this[cacheKey] = resolved;\n        return resolved;\n      },\n      enumerable: true,\n      configurable: true,\n    });\n  };\n}\n\n","import { computed, signal } from \"@preact/signals-core\";\nimport type { Comment, CommentAuthor, Grid } from \"../types/models.js\";\nimport { currentUser, requestSignIn } from \"./auth-store.js\";\n\nconst MAX_RECONNECT_DELAY_MS = 30_000;\nconst DEFAULT_PREVIEW_COUNT = 3;\n\nconst commentRecency = (comment: Comment) => {\n  const createdAt =\n    typeof comment.createdAt === \"number\"\n      ? comment.createdAt\n      : Date.parse(String(comment.createdAt));\n\n  return Number.isFinite(createdAt) ? createdAt : 0;\n};\n\nconst resolvePreviewCount = (grid: Grid | null, fallback: number) => {\n  const value = grid?.previewCount ?? fallback;\n\n  return value > 0 ? value : DEFAULT_PREVIEW_COUNT;\n};\n\nexport class GridStore {\n  readonly apiUrl: string;\n  readonly publicKey: string;\n  readonly pageUrl: string;\n  readonly externalId: string | null;\n  readonly previewCount = DEFAULT_PREVIEW_COUNT;\n\n  grid = signal<Grid | null>(null);\n  comments = signal<Comment[]>([]);\n  loading = signal(true);\n  error = signal<string | null>(null);\n  open = signal(false);\n  replyingTo = signal<string | null>(null);\n  editingCommentId = signal<string | null>(null);\n  scrollingCommentId = signal<string | null>(null);\n\n  private socket: WebSocket | null = null;\n  private reconnectAttempt = 0;\n  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private disposed = false;\n\n  topLevelComments = computed(() =>\n    this.comments.value\n      .filter((c) => c.parentCommentId === null)\n      .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey))),\n  );\n\n  replyingToComment = computed(() => {\n    const id = this.replyingTo.value;\n    if (!id) return null;\n    return this.comments.value.find((c) => c.id === id) ?? null;\n  });\n\n  editingComment = computed(() => {\n    const id = this.editingCommentId.value;\n    if (!id) return null;\n    return this.comments.value.find((c) => c.id === id) ?? null;\n  });\n\n  previewComments = computed(() =>\n    this.topLevelComments.value.slice(0, resolvePreviewCount(this.grid.value, this.previewCount)),\n  );\n\n  previewAvatars = computed((): CommentAuthor[] => {\n    const limit = resolvePreviewCount(this.grid.value, this.previewCount);\n    const seen = new Set<string>();\n    const uniqueNewestFirst: CommentAuthor[] = [];\n\n    const sorted = [...this.comments.value].sort((a, b) => commentRecency(b) - commentRecency(a));\n\n    for (const comment of sorted) {\n      const author = comment.author;\n\n      if (!author?.id || seen.has(author.id)) {\n        continue;\n      }\n\n      seen.add(author.id);\n      uniqueNewestFirst.push(author);\n\n      if (uniqueNewestFirst.length >= limit) {\n        break;\n      }\n    }\n\n    return uniqueNewestFirst.reverse();\n  });\n\n  constructor(opts: {\n    apiUrl: string;\n    publicKey: string;\n    pageUrl: string;\n    externalId?: string | null;\n  }) {\n    this.apiUrl = opts.apiUrl;\n    this.publicKey = opts.publicKey;\n    this.pageUrl = opts.pageUrl;\n    this.externalId = opts.externalId?.trim() || null;\n  }\n\n  /** pageUrl + optional externalId — the params that identify the discussion. */\n  private identityParams(): string {\n    const params = new URLSearchParams({ pageUrl: this.pageUrl });\n    if (this.externalId) {\n      params.set(\"externalId\", this.externalId);\n    }\n    return params.toString();\n  }\n\n  repliesFor(parentId: string): Comment[] {\n    const parent = this.comments.value.find((c) => c.id === parentId);\n    if (!parent) return [];\n    return this.comments.value\n      .filter(\n        (c) =>\n          c.id !== parentId &&\n          (c.sortKey === parent.sortKey || c.sortKey.startsWith(parent.sortKey + \"/\")),\n      )\n      .sort((a, b) => String(a.sortKey).localeCompare(String(b.sortKey)));\n  }\n\n  async load(): Promise<boolean> {\n    this.loading.value = true;\n    this.error.value = null;\n    try {\n      const gridRes = await fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}`, {\n        credentials: \"include\",\n      });\n\n      if (!gridRes.ok) {\n        this.error.value = \"There was a problem loading the PopGrid\";\n        return false;\n      }\n\n      const data = (await gridRes.json()) as { grid: Grid };\n      this.grid.value = data.grid;\n      this.connectRealtime();\n\n      const commentsRes = await fetch(\n        `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments?${this.identityParams()}`,\n        { credentials: \"include\" },\n      );\n\n      if (commentsRes.ok) {\n        const commentsData = (await commentsRes.json()) as { comments: Comment[] };\n        this.comments.value = commentsData.comments;\n      }\n\n      return true;\n    } catch {\n      console.error(\"Failed to load PopGrid\");\n      this.error.value = \"There was a problem loading the PopGrid\";\n      return false;\n    } finally {\n      this.loading.value = false;\n    }\n  }\n\n  async postComment(body: string, parentCommentId?: string): Promise<Comment | null> {\n    const attempt = async () =>\n      fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments`, {\n        method: \"POST\",\n        credentials: \"include\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          body,\n          pageUrl: this.pageUrl,\n          externalId: this.externalId ?? undefined,\n          parentCommentId,\n        }),\n      });\n\n    let res = await attempt();\n\n    if (res.status === 401) {\n      const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n      if (!signedIn) {\n        return null;\n      }\n      res = await attempt();\n    }\n\n    if (!res.ok) {\n      return null;\n    }\n\n    const data = (await res.json()) as { comment: Comment };\n    this.upsertComment(data.comment);\n\n    if (data.comment.author && !currentUser.value) {\n      currentUser.value = {\n        id: data.comment.author.id,\n        name: data.comment.author.name ?? \"\",\n        email: \"\",\n        image: data.comment.author.image,\n      };\n    }\n\n    return data.comment;\n  }\n\n  destroy(): void {\n    this.disposed = true;\n\n    if (this.reconnectTimer) {\n      clearTimeout(this.reconnectTimer);\n      this.reconnectTimer = null;\n    }\n\n    if (this.socket) {\n      this.socket.onopen = null;\n      this.socket.onmessage = null;\n      this.socket.onclose = null;\n      this.socket.onerror = null;\n      this.socket.close();\n      this.socket = null;\n    }\n  }\n\n  private connectRealtime(): void {\n    const connectUrl = this.grid.value?.connectUrl;\n\n    if (!connectUrl || this.disposed) {\n      return;\n    }\n\n    if (this.socket) {\n      this.socket.onopen = null;\n      this.socket.onmessage = null;\n      this.socket.onclose = null;\n      this.socket.onerror = null;\n      this.socket.close();\n      this.socket = null;\n    }\n\n    const wsUrl = new URL(connectUrl, this.apiUrl);\n    wsUrl.protocol = wsUrl.protocol === \"https:\" ? \"wss:\" : \"ws:\";\n    wsUrl.searchParams.set(\"pageUrl\", this.pageUrl);\n    if (this.externalId) {\n      wsUrl.searchParams.set(\"externalId\", this.externalId);\n    }\n\n    const socket = new WebSocket(wsUrl.toString());\n    this.socket = socket;\n\n    socket.onopen = () => {\n      this.reconnectAttempt = 0;\n    };\n\n    socket.onmessage = (event) => {\n      try {\n        const payload = JSON.parse(String(event.data)) as {\n          type?: string;\n          comment?: Comment;\n        };\n\n        if (payload.type === \"comment.created\" && payload.comment) {\n          this.upsertComment(payload.comment);\n        } else if (payload.type === \"comment.updated\" && payload.comment) {\n          this.updateCommentInList(payload.comment);\n        }\n      } catch {\n        // Ignore malformed realtime payloads.\n      }\n    };\n\n    socket.onclose = () => {\n      if (this.disposed) {\n        return;\n      }\n\n      this.scheduleReconnect();\n    };\n\n    socket.onerror = () => {\n      socket.close();\n    };\n  }\n\n  private scheduleReconnect(): void {\n    if (this.disposed || this.reconnectTimer) {\n      return;\n    }\n\n    const delay = Math.min(1000 * 2 ** this.reconnectAttempt, MAX_RECONNECT_DELAY_MS);\n    this.reconnectAttempt += 1;\n\n    this.reconnectTimer = setTimeout(() => {\n      this.reconnectTimer = null;\n      this.connectRealtime();\n    }, delay);\n  }\n\n  private upsertComment(comment: Comment): void {\n    const existing = this.comments.value.some((entry) => entry.id === comment.id);\n\n    if (existing) {\n      return;\n    }\n\n    this.comments.value = [...this.comments.value, comment];\n  }\n\n  async editComment(commentId: string, body: string): Promise<Comment | null> {\n    const attempt = async () =>\n      fetch(`${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}`, {\n        method: \"PATCH\",\n        credentials: \"include\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          body,\n          pageUrl: this.pageUrl,\n          externalId: this.externalId ?? undefined,\n        }),\n      });\n\n    let res = await attempt();\n\n    if (res.status === 401) {\n      const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n      if (!signedIn) {\n        return null;\n      }\n      res = await attempt();\n    }\n\n    if (!res.ok) {\n      return null;\n    }\n\n    const data = (await res.json()) as { comment: Comment };\n    this.updateCommentInList(data.comment);\n    return data.comment;\n  }\n\n  async deleteComment(commentId: string): Promise<Comment | null> {\n    const attempt = async () =>\n      fetch(\n        `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}?${this.identityParams()}`,\n        {\n          method: \"DELETE\",\n          credentials: \"include\",\n        },\n      );\n\n    let res = await attempt();\n\n    if (res.status === 401) {\n      const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n      if (!signedIn) {\n        return null;\n      }\n      res = await attempt();\n    }\n\n    if (!res.ok) {\n      return null;\n    }\n\n    const data = (await res.json()) as { comment: Comment };\n    this.updateCommentInList(data.comment);\n    return data.comment;\n  }\n\n  async flagComment(commentId: string): Promise<boolean> {\n    const attempt = async () =>\n      fetch(\n        `${this.apiUrl}/api/v1/embed/grids/${this.publicKey}/comments/${commentId}/flag?${this.identityParams()}`,\n        {\n          method: \"POST\",\n          credentials: \"include\",\n        },\n      );\n\n    let res = await attempt();\n\n    if (res.status === 401) {\n      const signedIn = await requestSignIn(this.apiUrl, this.publicKey);\n      if (!signedIn) {\n        return false;\n      }\n      res = await attempt();\n    }\n\n    return res.ok;\n  }\n\n  private updateCommentInList(comment: Comment): void {\n    this.comments.value = this.comments.value.map((c) => (c.id === comment.id ? comment : c));\n  }\n}\n","@layer base {\n  :host {\n    box-sizing: border-box;\n    font-family: \"Inter\", sans-serif;\n    font-size: 16px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Color: Brand */\n    --pop-color-brand-midnight-100: oklch(0.9658 0.0161 262.75);\n    --pop-color-brand-midnight-900: oklch(0.15 0.03 255.43);\n    --pop-color-brand-midnight-800: oklch(0.19 0.05 255.43);\n    --pop-color-brand-ocean-400: oklch(0.63 0.19 255.43);\n    --pop-color-brand-ocean-100: oklch(0.91 0.05 255.43);\n    --pop-color-brand-forest-900: oklch(0.3866 0.0698 180.75);\n    --pop-color-brand-forest-700: oklch(0.45 0.15 165.43);\n    --pop-color-brand-forest-100: oklch(0.97 0.04 165.43);\n    --pop-color-brand-highlight-400: oklch(0.88 0.25 105.43);\n    --pop-color-brand-pumpkin-500: oklch(0.62 0.18 45.43);\n    --pop-color-brand-pumpkin-200: oklch(0.89 0.08 45.43);\n    --pop-color-brand-lemon-300: oklch(0.91 0.12 85.43);\n    --pop-color-brand-lemon-100: oklch(0.97 0.04 85.43);\n\n    /* Durations */\n    --pop-duration-bouncy: 1s;\n    --pop-duration-card-highlight: 0.6s;\n    --pop-duration-gentle: 0.833s;\n    --pop-duration-menu: 0.4s;\n    --pop-duration-pop-hover: 0.6s;\n    --pop-duration-pop-text: 0.3s;\n    --pop-duration-quick: 0.833s;\n    --pop-duration-slow: 1.167s;\n\n    /* Easing */\n    /* prettier-ignore */\n    --pop-ease-bouncy: linear(0, 0.011, 0.045 1.3%, 0.184 2.7%, 0.911 7.4%, 1.153 9.4%, 1.301 11.2%, 1.342, 1.362 13%, 1.363, 1.355 14.4%, 1.306 16%, 1.028 21%, 0.939 23%, 0.89 24.7%, 0.876, 0.868 26.4%, 0.869, 0.882 29%, 0.907 30.5%, 1.014 35.9%, 1.038, 1.048 39.8% 41.1%, 1.043 42.5%, 0.995 49.3%, 0.987, 0.983 53.2%, 0.984 55.9%, 1.002 62.7%, 1.006 66.4%, 0.998 79.7%, 1);\n    /* prettier-ignore */\n    --pop-ease-card-highlight: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n    /* prettier-ignore */\n    --pop-ease-gentle: linear(0, 0.007, 0.026, 0.059 4.5%, 0.106 6.3%, 0.209 9.5%, 0.558 19.3%, 0.658, 0.742, 0.812, 0.87, 0.918, 0.957, 0.986 41.6%, 1.007 45.3%, 1.021 49.4%, 1.027 54% 60.9%, 1.007 83.2%, 1);\n    /* prettier-ignore */\n    --pop-ease-menu: linear(0, 0.0034 0.81%, 0.0278 2.42%, 0.097 4.84%, 0.5361 15.32%, 0.655 18.55%, 0.7314, 0.7964 23.39%, 0.8662, 0.9185, 0.9561, 0.9818, 0.9984, 1.0083 42.74%, 1.014 46.77%, 1.0145 53.22%, 1.0053 68.55%, 1.0019 77.42%, 0.9998 100%);\n    /* prettier-ignore */\n    --pop-ease-pop-hover: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n    /* prettier-ignore */\n    --pop-ease-pop-text: linear(0, 0.0051 0.99%, 0.0261, 0.0607 3.61%, 0.1192 5.26%, 0.2531 8.21%, 0.6509 16.1%, 0.7652 18.73%, 0.8512, 0.9232 23.33%, 0.9881 25.96%, 1.0305 28.26%, 1.0642 30.88%, 1.0782 32.53%, 1.089, 1.094 36.47%, 1.0942, 1.0896 41.07%, 1.0804 43.7%, 1.0354 53.23%, 1.0181 57.5%, 1.0061 61.44%, 0.9974 65.71%, 0.9925 70.31%, 0.991 75.9%, 0.9996 99.88%);\n    /* prettier-ignore */\n    --pop-ease-quick: linear(0, 0.008, 0.031 1.8%, 0.127 3.9%, 0.671 11.8%, 0.881 15.5%, 0.959, 1.02 19.2%, 1.064, 1.093 23.2%, 1.102, 1.108, 1.108, 1.104 28.7%, 1.089 31.4%, 1.038 38.1%, 1.016 41.5%, 0.999 45.4%, 0.99 49.6%, 0.989 55.3%, 1.001 74.9%, 1);\n    /* prettier-ignore */\n    --pop-ease-slow: linear(0, 0.005, 0.02 2%, 0.081 4.5%, 0.469 15.2%, 0.567, 0.65, 0.722 24.4%, 0.784, 0.835 31.1%, 0.878 34.9%, 0.914 39.1%, 0.942 43.8%, 0.964 49.1%, 0.979 55.4%, 0.989 62.4%, 0.995 71.1%, 1);\n\n    /* Box-Shadow */\n    --pop-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n    --pop-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    --pop-shadow-md:\n      0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n    --pop-shadow-lg:\n      0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n    --pop-shadow-xl:\n      0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n    --pop-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\n    --pop-shadow-3xl: 0px 32px 48px -12px rgba(16, 24, 40, 0.32);\n    --pop-shadow-4xl: 0px 24px 32px -12px rgba(16, 24, 40, 0.28);\n\n    --pop-radius-none: 0; /* 0px */\n    --pop-radius-xxs: 0.125rem; /* 2px */\n    --pop-radius-xs: 0.25rem; /* 4px */\n    --pop-radius-sm: 0.375rem; /* 6px */\n    --pop-radius-md: 0.5rem; /* 8px */\n    --pop-radius-lg: 0.625rem; /* 10px */\n    --pop-radius-xl: 0.75rem; /* 12px */\n    --pop-radius-2xl: 1rem; /* 16px */\n    --pop-radius-3xl: 1.25rem; /* 20px */\n    --pop-radius-4xl: 1.5rem; /* 24px */\n    --pop-radius-full: 9999px; /* Creates a circle or oval */\n\n    --pop-radius: 0.625rem;\n    --pop-background: oklch(1 0 0);\n    --pop-foreground: oklch(0 0 0);\n    --pop-card: oklch(1 0 0);\n    --pop-card-foreground: oklch(0.145 0 0);\n    --pop-popover: oklch(1 0 0);\n    --pop-popover-foreground: oklch(0 0 0);\n    --pop-primary: oklch(0.205 0 0);\n    --pop-primary-foreground: oklch(0.985 0 0);\n    --pop-secondary: oklch(0.97 0 0);\n    --pop-secondary-foreground: oklch(0.205 0 0);\n    --pop-muted: oklch(0.97 0 0);\n    --pop-muted-foreground: oklch(0.7152 0.0233 256.76);\n    --pop-accent: oklch(0.97 0 0);\n    --pop-accent-foreground: oklch(0.205 0 0);\n    --pop-destructive: var(--color-error-600);\n    --pop-border: oklch(0.1101 0.0763 264.05 / 10.2%);\n    --pop-input: oklch(0.922 0 0);\n    --pop-ring: oklch(62.3% 0.214 259.815);\n    --pop-chart-1: oklch(0.646 0.222 41.116);\n    --pop-chart-2: oklch(0.6 0.118 184.704);\n    --pop-chart-3: oklch(0.398 0.07 227.392);\n    --pop-chart-4: oklch(0.828 0.189 84.429);\n    --pop-chart-5: oklch(0.769 0.188 70.08);\n    --pop-sidebar: oklch(0.985 0 0);\n    --pop-sidebar-foreground: oklch(0.145 0 0);\n    --pop-sidebar-primary: oklch(0.205 0 0);\n    --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n    --pop-sidebar-accent: oklch(0.97 0 0);\n    --pop-sidebar-accent-foreground: oklch(0.205 0 0);\n    --pop-sidebar-border: oklch(0.922 0 0);\n    --pop-sidebar-ring: oklch(0.708 0 0);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --pop-background: oklch(0.15 0.03 255.43);\n      --pop-foreground: oklch(0.66 0.006 255.43);\n      --pop-card: oklch(0.205 0 0);\n      --pop-card-foreground: oklch(0.985 0 0);\n      --pop-popover: oklch(0.15 0.03 255.43);\n      --pop-popover-foreground: oklch(0.66 0.006 255.43);\n      --pop-primary: oklch(0.922 0 0);\n      --pop-primary-foreground: oklch(0.205 0 0);\n      --pop-secondary: oklch(0.269 0 0);\n      --pop-secondary-foreground: oklch(0.985 0 0);\n      --pop-muted: oklch(0.269 0 0);\n      --pop-muted-foreground: oklch(0.66 0.006 255.43);\n      --pop-accent: oklch(0.269 0 0);\n      --pop-accent-foreground: oklch(0.985 0 0);\n      --pop-destructive: var(--color-error-400);\n      --pop-border: oklch(1 0 0 / 10%);\n      --pop-input: oklch(1 0 0 / 15%);\n      --pop-ring: oklch(62.3% 0.214 259.815);\n      --pop-chart-1: oklch(0.488 0.243 264.376);\n      --pop-chart-2: oklch(0.696 0.17 162.48);\n      --pop-chart-3: oklch(0.769 0.188 70.08);\n      --pop-chart-4: oklch(0.627 0.265 303.9);\n      --pop-chart-5: oklch(0.645 0.246 16.439);\n      --pop-sidebar: oklch(0.205 0 0);\n      --pop-sidebar-foreground: oklch(0.985 0 0);\n      --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n      --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n      --pop-sidebar-accent: oklch(0.269 0 0);\n      --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n      --pop-sidebar-border: oklch(1 0 0 / 10%);\n      --pop-sidebar-ring: oklch(0.556 0 0);\n    }\n  }\n\n  :host(.dark) {\n    --pop-background: oklch(0.15 0.03 255.43);\n    --pop-foreground: oklch(0.66 0.006 255.43);\n    --pop-card: oklch(0.205 0 0);\n    --pop-card-foreground: oklch(0.985 0 0);\n    --pop-popover: oklch(0.15 0.03 255.43);\n    --pop-popover-foreground: oklch(0.66 0.006 255.43);\n    --pop-primary: oklch(0.922 0 0);\n    --pop-primary-foreground: oklch(0.205 0 0);\n    --pop-secondary: oklch(0.269 0 0);\n    --pop-secondary-foreground: oklch(0.985 0 0);\n    --pop-muted: oklch(0.269 0 0);\n    --pop-muted-foreground: oklch(0.66 0.006 255.43);\n    --pop-accent: oklch(0.269 0 0);\n    --pop-accent-foreground: oklch(0.985 0 0);\n    --pop-destructive: var(--color-error-400);\n    --pop-border: oklch(1 0 0 / 10%);\n    --pop-input: oklch(1 0 0 / 15%);\n    --pop-ring: oklch(62.3% 0.214 259.815);\n    --pop-chart-1: oklch(0.488 0.243 264.376);\n    --pop-chart-2: oklch(0.696 0.17 162.48);\n    --pop-chart-3: oklch(0.769 0.188 70.08);\n    --pop-chart-4: oklch(0.627 0.265 303.9);\n    --pop-chart-5: oklch(0.645 0.246 16.439);\n    --pop-sidebar: oklch(0.205 0 0);\n    --pop-sidebar-foreground: oklch(0.985 0 0);\n    --pop-sidebar-primary: oklch(0.488 0.243 264.376);\n    --pop-sidebar-primary-foreground: oklch(0.985 0 0);\n    --pop-sidebar-accent: oklch(0.269 0 0);\n    --pop-sidebar-accent-foreground: oklch(0.985 0 0);\n    --pop-sidebar-border: oklch(1 0 0 / 10%);\n    --pop-sidebar-ring: oklch(0.556 0 0);\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  html,\n  body {\n    padding: 0;\n    margin: 0;\n  }\n\n  svg {\n    display: block;\n  }\n\n  p {\n    margin: 0;\n    padding: 0;\n  }\n\n  button {\n    margin: 0;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n}\n","@layer components {\n  .btn {\n    display: flex;\n    height: auto;\n    align-items: center;\n    justify-content: center;\n    gap: 0.625rem;\n    border-radius: 4px;\n    border: 0;\n    padding: 0.625rem 1.25rem;\n    text-align: center;\n    cursor: pointer;\n    transition:\n      background-color 0.2s,\n      color 0.2s;\n  }\n\n  .btn-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    border-radius: var(--pop-radius-xs, 4px);\n    border-style: solid;\n    border-color: transparent;\n    cursor: pointer;\n    background-color: transparent;\n    text-decoration: none;\n    font-weight: 500;\n    transition:\n      background-color 0.2s,\n      border-color 0.2s,\n      color 0.2s;\n  }\n\n  /* Sizes */\n  .btn-link--size-sm {\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.08px;\n    border-top-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 2px;\n    border-right-width: 2px;\n  }\n\n  .btn-link--size-md {\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0;\n    border-top-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 3px;\n    border-right-width: 3px;\n  }\n\n  .btn-link--size-lg {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0;\n    border-top-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 4px;\n    border-right-width: 4px;\n  }\n\n  /* Themes */\n  .btn-link--theme-default {\n    color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n  }\n\n  .btn-link--theme-default.btn-link--primary {\n    color: var(--pop-foreground);\n  }\n\n  .btn-link--theme-white {\n    color: white;\n  }\n\n  .btn-link--theme-black {\n    color: black;\n  }\n\n  /* Hover State */\n  .btn-link--theme-default:hover,\n  .btn-link--theme-black:hover {\n    background-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n    border-color: color-mix(in srgb, var(--pop-foreground) 10%, transparent);\n  }\n\n  .btn-link--theme-default:not(.btn-link--primary):hover {\n    color: var(--pop-foreground);\n  }\n\n  .btn-link--theme-white:hover {\n    background-color: color-mix(in srgb, white 16%, transparent);\n    border-color: color-mix(in srgb, white 16%, transparent);\n  }\n\n  /* Active (Pressed) State */\n  .btn-link:active {\n    background-color: transparent;\n    border-color: transparent;\n  }\n\n  .btn-link--theme-default:not(.btn-link--primary):active {\n    color: color-mix(in srgb, var(--pop-foreground) 50%, transparent);\n  }\n\n  /* Focus State */\n  .btn-link:focus-visible {\n    background-color: var(--pop-ring, #155eef);\n    border-color: var(--pop-ring, #155eef);\n    color: white !important;\n    outline: none;\n  }\n\n  /* Disabled State */\n  .btn-link:disabled,\n  .btn-link.is-disabled {\n    color: color-mix(in srgb, var(--pop-foreground) 35%, transparent) !important;\n    background-color: transparent !important;\n    border-color: transparent !important;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .btn:focus-visible {\n    outline: 2px solid currentColor; /* focus-visible */\n    outline-offset: 2px;\n  }\n}\n","@layer components {\n  .mask {\n    -webkit-mask-size: contain;\n    mask-size: contain;\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-position: center;\n  }\n\n  .mask-squircle {\n    -webkit-mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n    mask-image: url(\"data:image/svg+xml,%3csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 0 80 C 0 14.12 14.12 0 80 0 C 145.88 0 160 14.12 160 80 C 160 145.88 145.88 160 80 160 C 14.12 160 0 145.88 0 80 Z'/%3e%3c/svg%3e\");\n  }\n}\n","let isGlobalDark = false;\nconst activeElements = new Set<HTMLElement>();\nlet globalObserver: MutationObserver | null = null;\nlet mediaQuery: MediaQueryList | null = null;\n\nfunction checkGlobalDark(): boolean {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return false;\n\n  const hasDarkClass =\n    document.documentElement.classList.contains(\"dark\") ||\n    document.body.classList.contains(\"dark\");\n  const hasLightClass =\n    document.documentElement.classList.contains(\"light\") ||\n    document.body.classList.contains(\"light\");\n\n  if (hasDarkClass) return true;\n  if (hasLightClass) return false;\n\n  if (!mediaQuery) {\n    mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n  }\n  return mediaQuery.matches;\n}\n\nfunction updateGlobalDark() {\n  const newDark = checkGlobalDark();\n  if (newDark !== isGlobalDark) {\n    isGlobalDark = newDark;\n    activeElements.forEach((el) => {\n      const isDark = isGlobalDark || !!el.closest(\".dark\");\n      el.classList.toggle(\"dark\", isDark);\n    });\n  }\n}\n\nconst mediaListener = () => {\n  updateGlobalDark();\n};\n\nexport function registerThemeObserver(el: HTMLElement) {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") return;\n\n  if (activeElements.size === 0) {\n    isGlobalDark = checkGlobalDark();\n    globalObserver = new MutationObserver(() => {\n      updateGlobalDark();\n    });\n    globalObserver.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n    globalObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n\n    mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    mediaQuery.addEventListener(\"change\", mediaListener);\n  }\n\n  activeElements.add(el);\n\n  const isDark = isGlobalDark || !!el.closest(\".dark\");\n  el.classList.toggle(\"dark\", isDark);\n}\n\nexport function unregisterThemeObserver(el: HTMLElement) {\n  activeElements.delete(el);\n  if (activeElements.size === 0) {\n    if (globalObserver) {\n      globalObserver.disconnect();\n      globalObserver = null;\n    }\n    if (mediaQuery) {\n      mediaQuery.removeEventListener(\"change\", mediaListener);\n      mediaQuery = null;\n    }\n  }\n}\n","import baseStyles from \"../styles/base.css?inline\";\nimport btnStyles from \"../styles/buttons.css?inline\";\nimport masksStyles from \"../styles/masks.css?inline\";\n\nimport { effect, untracked } from \"@preact/signals-core\";\n\nexport function createSheet(cssText: string): CSSStyleSheet {\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(cssText);\n  return sheet;\n}\n\nexport const sharedBaseSheet = createSheet(baseStyles);\nexport const btnSheet = createSheet(btnStyles);\nexport const masksSheet = createSheet(masksStyles);\n\nimport { registerThemeObserver, unregisterThemeObserver } from \"../helpers/theme.js\";\n\nexport abstract class BaseElement extends HTMLElement implements EventListenerObject {\n  protected baseStyleSheets: CSSStyleSheet[] = [sharedBaseSheet, btnSheet, masksSheet];\n  protected get styleSheets(): CSSStyleSheet[] {\n    return [];\n  }\n\n  private _hasRendered = false;\n\n  private _disposables: Array<() => void> = [];\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: \"open\" });\n    if (this.shadowRoot) {\n      this.shadowRoot.adoptedStyleSheets = this.styles;\n    }\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue === newValue) return;\n\n    const pascalName = name\n      .split(\"-\")\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join(\"\");\n    const methodName = `on${pascalName}Changed`;\n\n    if (typeof (this as any)[methodName] === \"function\") {\n      (this as any)[methodName](newValue, oldValue);\n    }\n  }\n\n  /**\n   * Use this instead of calling effect() directly to ensure\n   * automatic cleanup when the component disconnects.\n   */\n  protected addEffect(callback: () => void) {\n    this._disposables.push(effect(callback));\n  }\n\n  connectedCallback() {\n    registerThemeObserver(this);\n    untracked(() => {\n      this.render();\n      this._bindEvents();\n      this.setupEffects();\n    });\n  }\n\n  disconnectedCallback() {\n    unregisterThemeObserver(this);\n    // Kill all active subscriptions\n    this._disposables.forEach((dispose) => dispose());\n    this._disposables = [];\n  }\n\n  protected events: Record<string, string> = {};\n\n  private _bindEvents() {\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) {\n      return;\n    }\n    Object.keys(this.events).forEach((key) => {\n      shadowRoot.addEventListener(key, this);\n    });\n  }\n\n  handleEvent(event: Event): void {\n    const methodName = this.events[event.type];\n\n    if (methodName && typeof (this as any)[methodName] === \"function\") {\n      (this as any)[methodName](event);\n    }\n  }\n\n  protected emit<T = unknown>(eventName: string, options: CustomEventInit<T> = {}) {\n    this.dispatchEvent(\n      new CustomEvent<T>(eventName, {\n        bubbles: true,\n        composed: true,\n        ...options,\n      }),\n    );\n  }\n\n  // --- Abstract & Overrideable Methods ---\n  protected abstract getTemplate(): string;\n\n  protected get styles(): CSSStyleSheet[] {\n    return [...this.baseStyleSheets, ...this.styleSheets];\n  }\n\n  protected setupEffects(): void {}\n\n  protected render() {\n    if (!this.shadowRoot) return;\n    this.shadowRoot.innerHTML = this.getTemplate();\n    this._hasRendered = true;\n  }\n\n  protected hideElement(selector: string, shouldHide: boolean, useDisplayNone = true) {\n    if (!this.shadowRoot || !this._hasRendered) {\n      return;\n    }\n\n    const el = this.shadowRoot.querySelector(selector);\n    if (!el) {\n      console.warn(`Element not found for selector: ${selector}`);\n      return;\n    }\n\n    if (useDisplayNone) {\n      el.classList.toggle(\"hidden\", shouldHide);\n    } else {\n      el.classList.toggle(\"invisible\", shouldHide);\n    }\n  }\n\n  protected setText(selector: string, text: string | number) {\n    const el = this.shadowRoot?.querySelector(selector);\n    if (el && el.textContent !== String(text)) {\n      el.textContent = String(text);\n    }\n  }\n\n  protected setAttr(selector: string, attr: string, value: string | null) {\n    const el = this.shadowRoot?.querySelector(selector);\n    if (!el) return;\n\n    if (value === null) {\n      el.removeAttribute(attr);\n    } else if (el.getAttribute(attr) !== value) {\n      el.setAttribute(attr, value);\n    }\n  }\n\n  protected toggleClass(selector: string, className: string, force?: boolean) {\n    const el = this.shadowRoot?.querySelector(selector);\n    if (!el) return;\n\n    el.classList.toggle(className, force);\n  }\n\n  protected getElement<T extends Element = HTMLElement>(selector: string): T | null {\n    return this.shadowRoot?.querySelector(selector) ?? null;\n  }\n}\n","import {\n  authError,\n  authPending,\n  clearAuthError,\n  requestSignIn,\n} from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: block;\n    position: relative;\n\n    --pop-auth-border: var(--pop-border, rgba(0, 0, 32, 0.04));\n    --pop-auth-watermark: rgba(0, 0, 32, 0.4);\n    --pop-auth-btn: #000000;\n    --pop-auth-logo: rgba(0, 0, 32, 0.35);\n    --pop-auth-error: #dc2626;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n      --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n      --pop-auth-btn: #ffffff;\n      --pop-auth-logo: rgba(255, 255, 255, 0.35);\n      --pop-auth-error: var(--pop-destructive, #f87171);\n    }\n  }\n\n  :host(.dark) {\n    --pop-auth-border: var(--pop-border, rgba(255, 255, 255, 0.1));\n    --pop-auth-watermark: rgba(255, 255, 255, 0.4);\n    --pop-auth-btn: #ffffff;\n    --pop-auth-logo: rgba(255, 255, 255, 0.35);\n    --pop-auth-error: var(--pop-destructive, #f87171);\n  }\n\n  .panel {\n    position: relative;\n    border-top: 1px solid var(--pop-auth-border);\n  }\n\n  .watermark {\n    position: absolute;\n    top: -16px;\n    left: 8px;\n    font-family: Inter, sans-serif;\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    color: var(--pop-auth-watermark);\n    text-transform: uppercase;\n    backdrop-filter: blur(4px);\n    border-radius: 9999px;\n    padding: 2px 6px;\n    pointer-events: none;\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n  }\n\n  .join-btn {\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--pop-auth-btn);\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    letter-spacing: -0.08px;\n    line-height: 18px;\n  }\n\n  .join-btn:disabled {\n    opacity: 0.6;\n    cursor: default;\n  }\n\n  .logo {\n    font-family: Inter, sans-serif;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    color: var(--pop-auth-logo);\n    text-transform: uppercase;\n  }\n\n  .error {\n    padding: 0 16px 12px;\n    font-family: Inter, sans-serif;\n    font-size: 12px;\n    line-height: 16px;\n    color: var(--pop-auth-error);\n    text-align: center;\n  }\n`);\n\nexport class PopAuthPanel extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  protected onClick(event: MouseEvent) {\n    if (!(event.target as HTMLElement).closest(\".join-btn\")) return;\n    void this.handleJoin();\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const pending = authPending.value;\n      const error = authError.value;\n\n      const joinBtn = this.getElement<HTMLButtonElement>(\".join-btn\");\n      if (joinBtn) {\n        joinBtn.disabled = pending;\n        joinBtn.textContent = pending ? \"Signing in…\" : \"Join the Conversation\";\n      }\n\n      const errorEl = this.getElement<HTMLDivElement>(\".error\");\n      if (errorEl) {\n        if (error) {\n          errorEl.hidden = false;\n          errorEl.textContent = error;\n        } else {\n          errorEl.hidden = true;\n          errorEl.textContent = \"\";\n        }\n      }\n    });\n  }\n\n  private async handleJoin(): Promise<void> {\n    clearAuthError();\n    await requestSignIn(this.gridStore.apiUrl, this.gridStore.publicKey);\n  }\n\n  protected getTemplate(): string {\n    return /* html */ `\n      <div class=\"panel\">\n        <div class=\"watermark\">Popgrids</div>\n        <div class=\"actions\">\n          <button class=\"join-btn\" type=\"button\">Join the Conversation</button>\n          <span class=\"logo\">POPGRIDS</span>\n        </div>\n        <div class=\"error\" hidden></div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-auth-panel\")) {\n  customElements.define(\"pop-auth-panel\", PopAuthPanel);\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABMCAYAAADa6W+wAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUuSURBVHgB5ZyBceIwEEX3bq4AOsAdQAdxKggl+Co4rgKcCkgqgFRAUgGkAqACOxVAKvDpg+VRHEmWQSubuTezg8Ega7UrebWS+UG8jIXEQoZCovI9lcd1ciHHUnZCPsrXXflZ7xkISYSshByEFJ5kLWRO54bsHRGdK+dTYZNkQhbUg4aI6FyRoiNBQyQUGLj3jMJYuleNMC4v1gel67Ig/WCq5Qe144+QlM6Wb2QwGNB4PD7JaDQ6veIzKZLj8XiSPM9Pr/v9nna73UnwWUtyIb+FbMgjM3K0QBzHxXq9Lg6HQ3Et2+22WCwWpzJdr1/KjDzRqLiwZDGbzbwobCLLslNDRFEUrAEmTReBVVCxkLRohIsbICLLiA5roxJdAm9zaIAJXUBmKhCtHtraJjAuNHjBgVrcBcDsFhSXoD4NDbB2VTyyFNI7xSUODTB1UX5hKmA+nxd9Bl0AYxGZ3X9wkdWTJCluARjIYv2ULrG6T3eHhabT6SkY4sASFB1aWx23FJ+IULcqm6MBUKbF+rFO+ZQCje6qa6J8jsjQYv2FTvmMAvb1yWRSXePp6anwzWq1cnb9MQXo6yqwthyZ0Q04y9e5/k9F+VjnCpiGCrckDjCtFV51OpZTWN/lo/4Gxqryd7pvCNckTkS/rI7f39/JN5b6j1TltU10d3dHnKjl+7Y8sHhtpS+iHm3f4JyfS2RIytHvMV4ZdMt+1lvhS9OUaSdu5DUuSFk5l60hksoPWv7QK9I1kb/zjU2HRsuHIFQj17FanusWV4fD4i5I5Ye6k8PhkELAqbxlHDn2os9L5Tm6mUX5vBfKy/s7x/U+Pz9Np7q3/GazqY7VaI+j/Br7zpV/e3urjjmiSUvUWJ3QRkHcqAlHzL58g+iUzAmNLxOboGAgur+/rwYkjgnU6+ur6VROXVpezbLA6hw5A9dMTnDlZRoLinPk8CwTmm85vE76PCdIvRn0ympdQL8YGWI6y0GD1atVGzngaePLrmLua8FAaqEaBTsb7bl4fHy0hbTPdB7pv7AmjYtwraZw0eDu6OuRqrTV7T8+PuhWkHGDhUeqWV0qr43+b6XPI4RVAyYNGyHL+odS+Vz3i1tQ/vn5uUlxnPitO/FL+cL3XzEkFAFmWsjRY28eZnKXTKBQBgY3y6xN8pcM+km0O66wlhZiUMJ1lstlY1yB8y335KU2peUOTKRQtvWTyOGJypJv4FGwmlD42zl4Aq6rZnQhFyxnYYBLXb4YEemXpjlx2ENziSBaTaglncT3nhtgTS23nEkyXYEhdl417KJwtfaUrkCrPPbOhEDdqNBS6ZQcd4HbWOkugN0NIWhhfRhpQR4eM/mlHGujPEvq1ysNOXu4tHzaKidPqLO6XPcFrkCnDgIdy/IYUryYiubkEVV5bSwbSnlgW04mBhqVDxnfh16tVZXXhk8hLW9bVCQGemV5y7VyCkAnUR5APEHmezkL9RxeZ4Oey5qab5yUVxcTuXh5eTGd2lMgnkjjepg/c9JmdYWT2FQJjo3BEsusLqPAbHUV4VpMTNPUZvUFBSYxVMT7vvsGxWH1iDpgTYbbDjzg2i6AXBweMSH77C2hjsAUy/psPLwASce2OD4GuqIA2B4hxzRyrrzHbfBb8I2ZGJKODw8PVeJRxujysXDcw/FYOBKWDhFjLuSeAkV1NlJqn125RjLqqJ+bSOk/VVwSEe9fRSzJQx6Om4T8NgLKiunGSMh8O3QR/Damjmn7hyF14KpxKSM6d49IOa/7u6dX6snfPf0DiVL6IWhCmZ4AAAAASUVORK5CYII=\"","export const colors = [\n  \"#DDD0BE\",\n  \"#E9DCBB\",\n  \"#E9DCBB\",\n  \"#C7D1B0\",\n  \"#C6D0CB\",\n  \"#E9DCBB\",\n  \"#C7D1B0\",\n  \"#E9DCBB\",\n  \"#DFC2C0\",\n  \"#CFD4C6\",\n  \"#D7E3E8\",\n  \"#CFD4C6\",\n  \"#D6B3B3\",\n  \"#E9DCBB\",\n  \"#CFCBDC\",\n  \"#BFD6D7\",\n  \"#E3D2C6\",\n  \"#D1E2E7\",\n  \"#D6B3B3\",\n  \"#BFD6D7\",\n  \"#E9DCBB\",\n  \"#C7D1B0\",\n  \"#DFC2C0\",\n  \"#D1E2E7\",\n  \"#CFD4C6\",\n  \"#E9DCBB\",\n  \"#D7E3E8\",\n  \"#CFD4C6\",\n  \"#C6D0CB\",\n  \"#E9DCBB\",\n  \"#C7D1B0\",\n  \"#E9DCBB\",\n  \"#CFCBDC\",\n  \"#E3D2C6\",\n  \"#E9DCBB\",\n];\n\nexport const sampleColor = (index?: number) => {\n  if (typeof index === \"number\") {\n    return colors[index % colors.length] ?? \"#e5e7eb\";\n  }\n  return colors[Math.floor(Math.random() * colors.length)];\n};\n\n/** 32-bit FNV-1a over UTF-8 bytes — deterministic, no lookup table. */\nexport function fnv1a32(data: string): number {\n  const bytes = new TextEncoder().encode(data);\n  let h = 0x811c9dc5;\n  for (let i = 0; i < bytes.length; i++) {\n    const byte = bytes[i] ?? 0;\n    h ^= byte;\n    h = Math.imul(h, 0x01000193);\n  }\n  return h >>> 0;\n}\n\n/** Deterministic background color from a stable string (e.g. user id, org id, slug). */\nexport function backgroundColor(id: string): string {\n  return colors[fnv1a32(id) % colors.length] ?? \"#e5e7eb\";\n}\n\n","import deletedUserMarkSrc from \"../assets/popgrids-letter-p.png?inline\";\nimport { backgroundColor, sampleColor } from \"../helpers/color.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: block;\n\n    --comment-avatar-border-size: 1px;\n    --comment-avatar-border-color: var(--color-background, #fff);\n    --comment-avatar-size: 32px;\n  }\n\n  .comment-avatar {\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    isolation: isolate;\n    justify-content: center;\n    position: relative;\n    width: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n    height: calc(var(--comment-avatar-size) + calc(var(--comment-avatar-border-size) * 2));\n  }\n\n  .comment-avatar--size-xs {\n    --comment-avatar-size: 32px;\n  }\n\n  .comment-avatar--size-sm {\n    --comment-avatar-size: 56px;\n  }\n\n  .comment-avatar--size-md {\n    --comment-avatar-size: 80px;\n  }\n\n  .comment-avatar--size-lg {\n    --comment-avatar-size: 120px;\n  }\n\n  .comment-avatar--size-xl {\n    --comment-avatar-size: 140px;\n  }\n\n  .comment-avatar__background {\n    background-color: var(--comment-avatar-border-color);\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n  }\n\n  /**\n   * Content\n   */\n\n  .comment-avatar__content {\n    align-items: center;\n    background-color: var(--color-surface-bg-default);\n    display: flex;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    height: var(--comment-avatar-size);\n    width: var(--comment-avatar-size);\n    z-index: 20;\n\n    /* Initials styling */\n    font-family: Inter, sans-serif;\n    font-weight: 600;\n    color: #374151;\n    font-size: calc(var(--comment-avatar-size) * 0.35);\n    line-height: 1;\n  }\n\n  .comment-avatar__content::slotted(img) {\n    -webkit-user-drag: none;\n    align-self: stretch;\n    flex: 1 0 0;\n    height: var(--comment-avatar-size);\n    object-fit: cover;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n    width: var(--comment-avatar-size);\n  }\n\n  .comment-avatar__deleted-mark {\n    -webkit-user-drag: none;\n    bottom: -3px;\n    height: auto;\n    left: 0;\n    object-fit: cover;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n    width: 100%;\n    transform: scale(0.57);\n  }\n`);\n\nexport class PopCommentAvatar extends BaseElement {\n  private _backgroundColor: string;\n\n  constructor() {\n    super();\n    this._backgroundColor = sampleColor() ?? \"#e5e7eb\";\n  }\n\n  static get observedAttributes() {\n    return [\"size\", \"data-color-key\", \"deleted\"];\n  }\n\n  onSizeChanged() {\n    this.render();\n  }\n\n  onDataColorKeyChanged() {\n    this.render();\n  }\n\n  onDeletedChanged() {\n    this.render();\n  }\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  get size(): string {\n    return this.getAttribute(\"size\") || \"md\";\n  }\n\n  set size(value: string) {\n    this.setAttribute(\"size\", value);\n  }\n\n  get deleted(): boolean {\n    return this.hasAttribute(\"deleted\");\n  }\n\n  set deleted(value: boolean) {\n    if (value) {\n      this.setAttribute(\"deleted\", \"\");\n    } else {\n      this.removeAttribute(\"deleted\");\n    }\n  }\n\n  protected getTemplate(): string {\n    const size = this.size;\n    const deleted = this.deleted;\n    const key = this.getAttribute(\"data-color-key\");\n    const bg = deleted\n      ? \"var(--pop-muted-foreground, #e5e7eb)\"\n      : key\n        ? backgroundColor(key)\n        : this._backgroundColor;\n\n    const content = deleted\n      ? `<div\n          class=\"comment-avatar__content mask mask-squircle\"\n          part=\"content\"\n          style=\"background-color: ${bg}; opacity: 0.15\"\n        ><img class=\"comment-avatar__deleted-mark\" src=\"${deletedUserMarkSrc}\" alt=\"Deleted user\" /></div>`\n      : `<slot\n          class=\"comment-avatar__content mask mask-squircle\"\n          part=\"content\"\n          style=\"background-color: ${bg};\"\n        ></slot>`;\n\n    return /* html */ `\n      <div class=\"comment-avatar comment-avatar--size-${size}\" part=\"base\">\n        <div class=\"comment-avatar__background mask mask-squircle\" part=\"background\"></div>\n        ${content}\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment-avatar\")) {\n  customElements.define(\"pop-comment-avatar\", PopCommentAvatar);\n}\n","export function getInitials(name: string | null | undefined): string {\n  if (!name) return \"?\";\n  return name\n    .split(\" \")\n    .map((p) => p[0] ?? \"\")\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport type { PopCommentInput } from \"./pop-comment-input.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    background: var(--pop-background);\n    border-top: 1px solid var(--pop-bar-input-bg);\n    display: block;\n    padding: 6px;\n    position: relative;\n\n    --pop-bar-avatar-bg: #e5e7eb;\n    --pop-bar-avatar-color: #374151;\n    --pop-bar-avatar-border: #ffffff;\n    --pop-bar-input-bg: rgba(0, 0, 32, 0.04);\n    --pop-bar-send-hover: rgba(0, 0, 32, 0.06);\n    --pop-bar-send-color: #000000;\n    --pop-bar-watermark: rgba(0, 0, 32, 0.1);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --pop-bar-avatar-bg: #1f2937;\n      --pop-bar-avatar-color: #d1d5db;\n      --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n      --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n      --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n      --pop-bar-send-color: #ffffff;\n      --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  :host(.dark) {\n    --pop-bar-avatar-bg: #1f2937;\n    --pop-bar-avatar-color: #d1d5db;\n    --pop-bar-avatar-border: var(--pop-popover, #151d2a);\n    --pop-bar-input-bg: rgba(255, 255, 255, 0.05);\n    --pop-bar-send-hover: rgba(255, 255, 255, 0.08);\n    --pop-bar-send-color: #ffffff;\n    --pop-bar-watermark: rgba(255, 255, 255, 0.1);\n  }\n\n  .bar {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .bar__user {\n    display: flex;\n    align-items: center;\n    align-self: flex-start;\n    flex-shrink: 0;\n    padding-top: 2px;\n  }\n\n  .bar__avatar {\n    flex-shrink: 0;\n    --comment-avatar-border-size: 0px;\n  }\n\n  .bar__avatar--reply {\n    margin-right: -4px;\n    z-index: 1;\n  }\n\n  .bar__avatar--user {\n    z-index: 2;\n  }\n\n  .bar__user.has-reply .bar__avatar--user {\n    --comment-avatar-border-size: 2px;\n    --comment-avatar-border-color: var(--pop-bar-avatar-border);\n  }\n\n  .bar__input-wrap {\n    flex: 1;\n    min-width: 0;\n    background: var(--pop-bar-input-bg);\n    border-radius: 18px;\n    overflow: hidden;\n    display: flex;\n    align-items: flex-end;\n    padding: 4px 8px 4px 12px;\n    max-height: 280px;\n  }\n\n  .bar__send {\n    align-items: center;\n    align-self: flex-end;\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    padding-bottom: 2px;\n  }\n\n  .logo-watermark {\n    position: absolute;\n    top: -16px;\n    left: 8px;\n    font-family: Inter, sans-serif;\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    color: var(--pop-bar-watermark);\n    text-transform: uppercase;\n    border-radius: 9999px;\n    padding: 2px 6px;\n    pointer-events: none;\n    user-select: none;\n  }\n`);\n\nconst LOGO_WATERMARK_SVG = `<svg width=\"64\" height=\"11\" viewBox=\"0 0 64 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.91111 0C0.892839 0 0 2.11357 0 4.77714C0 5.76321 0.0987654 6.73357 0.213333 7.70786C0.25679 8.08893 0.240988 8.50929 0.312099 8.89036C0.497778 9.89214 1.44593 10.3557 2.36642 10.3557C3.62667 10.3557 4.4642 9.56607 4.4642 8.30107C4.4642 7.57036 4.22321 7.09107 3.5279 6.80821C3.48444 6.7925 3.44099 6.78071 3.44099 6.72179C3.44099 6.62357 3.59901 6.55286 3.69778 6.55286C4.03753 6.55286 4.57481 6.89071 5.04494 6.89071C6.88593 6.89071 7.90519 5.13071 7.90519 3.48071C7.90519 1.08429 6.13136 0 3.91111 0ZM3.89531 5.18179C3.78074 5.18179 3.68198 5.08357 3.68198 4.96964C3.68198 4.81643 3.89531 4.7025 3.96642 4.57679C4.12049 4.29393 4.16395 3.81464 4.16395 3.4925C4.16395 3.11143 4.06519 2.40821 3.8242 2.12536C3.75309 2.04286 3.65432 1.99964 3.65432 1.88571C3.65432 1.77179 3.76889 1.67357 3.87951 1.67357C4.36148 1.67357 4.60247 3.08393 4.60247 3.44929C4.60247 3.84214 4.47605 5.18179 3.89531 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M12.7368 0.239637C9.73433 0.239637 7.93285 2.35321 7.93285 5.25249C7.93285 8.15178 9.73038 10.2654 12.7368 10.2654C15.7432 10.2654 17.5249 8.12428 17.5249 5.25249C17.5249 2.38071 15.7116 0.239637 12.7368 0.239637ZM12.8672 8.83142C12.8198 8.89035 12.7249 9.00035 12.6104 9.00035C12.4958 9.00035 12.3852 8.90214 12.3852 8.78821C12.3852 8.74499 12.7526 8.19499 12.8119 8.02607C13.037 7.36214 13.0805 6.64321 13.0805 5.93999C13.0805 4.99714 12.9106 3.78321 12.3299 3.00928C12.2153 2.86785 11.8637 2.60071 11.8637 2.44749C11.8637 2.33357 11.9625 2.23535 12.077 2.23535C12.1758 2.23535 12.2746 2.32178 12.3457 2.37678C13.2504 3.12321 13.523 4.82821 13.523 5.93999C13.523 6.81214 13.4874 8.08499 12.8711 8.82749L12.8672 8.83142Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M21.6533 0C18.6351 0 17.7422 2.11357 17.7422 4.77714C17.7422 5.76321 17.841 6.73357 17.9555 7.70786C17.999 8.08893 17.9832 8.50929 18.0543 8.89036C18.24 9.89214 19.1881 10.3557 20.1086 10.3557C21.3689 10.3557 22.2064 9.56607 22.2064 8.30107C22.2064 7.57036 21.9654 7.09107 21.2701 6.80821C21.2267 6.7925 21.1832 6.78071 21.1832 6.72179C21.1832 6.62357 21.3412 6.55286 21.44 6.55286C21.7797 6.55286 22.317 6.89071 22.7871 6.89071C24.6281 6.89071 25.6474 5.13071 25.6474 3.48071C25.6474 1.08429 23.8775 0 21.6533 0ZM21.6415 5.18179C21.5269 5.18179 21.4281 5.08357 21.4281 4.96964C21.4281 4.81643 21.6415 4.7025 21.7126 4.57679C21.8667 4.29393 21.9101 3.81464 21.9101 3.4925C21.9101 3.11143 21.8113 2.40821 21.5704 2.12536C21.4992 2.04286 21.4005 1.99964 21.4005 1.88571C21.4005 1.77179 21.5151 1.67357 21.6257 1.67357C22.1076 1.67357 22.3486 3.08393 22.3486 3.44929C22.3486 3.84214 22.2222 5.18179 21.6415 5.18179Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M31.9012 4.16822C30.882 4.16822 29.4637 4.6318 29.4637 5.84572C29.4637 6.53715 29.9733 7.56251 30.7832 7.56251C31.2929 7.56251 31.6208 7.16965 31.7906 7.16965C31.8341 7.16965 31.8736 7.19715 31.8736 7.24037C31.8736 7.64894 31.0795 7.83358 30.7674 7.83358C29.677 7.83358 29.0963 6.90251 29.0963 5.91644C29.0963 4.70644 30.242 3.77537 31.4035 3.77537C31.7432 3.77537 32.0988 3.87358 32.4385 3.87358C33.4459 3.87358 34.165 2.97394 34.165 2.01537C34.165 0.424295 32.2687 0.0589382 31.0045 0.0589382C27.6464 0.0589382 25.6909 2.22751 25.6909 5.52358C25.6909 8.56822 27.279 10.5089 30.4237 10.5089C32.4622 10.5089 34.6864 9.6368 34.6864 7.26787C34.6864 5.6493 33.6237 4.16822 31.8973 4.16822H31.9012Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M41.2681 6.56464C41.0113 6.56464 40.802 6.66286 40.5886 6.66286C40.5452 6.66286 40.5333 6.61964 40.5333 6.59214C40.5333 6.49393 40.5768 6.45071 40.6479 6.42321C40.8889 6.34071 41.1457 6.28179 41.3827 6.16786C42.4612 5.66107 43.0973 4.7575 43.0973 3.56321C43.0973 1.40643 41.2405 0.0982143 39.202 0.0982143C38.4632 0.0982143 37.7442 0.310357 37.12 0.648214C35.4212 1.56357 35.0933 2.87571 34.9946 4.66321C34.9511 5.36643 34.9511 6.07357 34.9511 6.77679V8.48179C34.9511 9.55036 35.6583 10.4107 36.7763 10.4107C37.5822 10.4107 38.3052 9.83321 38.4909 9.07107C38.5896 8.61929 38.5343 8.085 38.5343 7.64893C38.5343 7.60571 38.5501 7.59393 38.5896 7.59393C38.6291 7.59393 38.6765 7.62143 38.7042 7.63714C39.202 8.83536 39.8815 10.3557 41.4222 10.3557C42.4849 10.3557 43.362 9.60929 43.362 8.525C43.362 7.44071 42.3427 6.56857 41.2642 6.56857L41.2681 6.56464ZM38.961 5.18179C38.8464 5.18179 38.7476 5.08357 38.7476 4.96964C38.7476 4.81643 38.961 4.7025 39.0321 4.57679C39.1862 4.29393 39.2296 3.81464 39.2296 3.4925C39.2296 3.11143 39.1309 2.40821 38.8899 2.12536C38.8188 2.04286 38.7358 1.99964 38.7358 1.88571C38.7358 1.77179 38.8346 1.67357 38.9491 1.67357C39.4311 1.67357 39.6721 3.08393 39.6721 3.44929C39.6721 3.84214 39.5575 5.18179 38.9649 5.18179H38.961Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M46.7674 0.549991C46.4277 0.326063 45.9457 0.212134 45.5348 0.212134C44.642 0.212134 43.8756 0.915349 43.7768 1.79142C43.7491 2.04678 43.761 2.28642 43.761 2.55356V4.94606L43.7175 7.46821V8.72142C43.7175 9.70749 44.5669 10.4814 45.5467 10.4814C46.2696 10.4814 47.0637 10.0296 47.3324 9.35392C47.4864 8.97285 47.5022 8.43856 47.5022 8.02999V6.92999L47.518 4.73392V2.53785C47.518 1.72071 47.5022 1.07249 46.7674 0.549991Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M50.2993 0.125713C48.8533 0.125713 48.1304 0.801428 48.1304 2.25107V2.82857L48.1462 3.96786V4.54536C48.1462 4.98143 48.1462 5.39 48.1304 5.82607C48.1027 6.34857 48.0316 6.86714 48.0316 7.40536C48.0316 9.3775 49.0509 10.3361 51.0222 10.3361C54.0523 10.3361 56.1067 9.03964 56.1067 5.81429C56.1067 1.925 54.2222 0.121785 50.2993 0.121785V0.125713ZM51.6583 7.91607C51.5437 7.91607 51.4449 7.81786 51.4449 7.70393C51.4449 7.66071 51.4608 7.83352 51.4884 7.59C51.8558 6.985 51.9546 6.14036 51.9546 5.44893C51.9546 4.80071 51.8835 3.84214 51.4726 3.33536C51.4015 3.22143 51.2593 3.13893 51.2593 2.9975C51.2593 2.88357 51.358 2.78536 51.4726 2.78536C51.6859 2.78536 51.9822 3.31964 52.0691 3.50428C52.3378 4.125 52.3812 4.80071 52.3812 5.46071C52.3812 5.86928 52.1679 7.91214 51.6583 7.91214V7.91607Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n<path d=\"M62.7239 5.1268C61.9022 5.05608 60.7249 4.77322 60.0889 4.23894C60.0059 4.16822 59.8637 4.07001 59.8637 3.9443C59.8637 3.90108 59.8795 3.83037 59.9348 3.83037C60.0889 3.83037 61.0805 4.62001 61.9338 4.62001C63.0123 4.62001 64 3.78715 64 2.69108C64 0.887867 61.5941 0.157152 60.1324 0.157152C57.9635 0.157152 56.3516 1.5518 56.3516 3.76358C56.3516 4.24287 56.4227 4.90287 56.7783 5.27215C56.9482 5.4568 57.2326 5.4568 57.4578 5.4568C58.3072 5.4568 59.3857 5.72394 59.836 6.49787C59.8795 6.56858 59.919 6.68251 59.919 6.76501C59.919 6.79251 59.919 6.83572 59.8914 6.82001C59.8084 6.79251 59.7373 6.7218 59.678 6.6668C59.1802 6.18751 58.5007 5.70822 57.7817 5.70822C56.7032 5.70822 56.324 6.73751 56.324 7.63715C56.324 9.45215 57.9674 10.4539 59.6385 10.4539C61.6217 10.4539 64 9.15751 64 6.94572C64 6.12858 63.6444 5.21322 62.7239 5.13072V5.1268Z\" fill=\"#000020\" fill-opacity=\"0.1\"/>\n</svg>`;\n\nexport class PopCommentBar extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  protected onClick(event: MouseEvent) {\n    if (!(event.target as HTMLElement).closest(\".bar__send\")) return;\n    void this.handleSend();\n  }\n\n  protected setupEffects() {\n    let lastReplyingTo: string | null = null;\n    let lastEditingCommentId: string | null = null;\n\n    this.addEffect(() => {\n      const parentCommentId = this.gridStore.replyingTo.value;\n\n      if (parentCommentId && parentCommentId !== lastReplyingTo) {\n        const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n        if (input) {\n          setTimeout(() => input.focus(), 0);\n        }\n      }\n      lastReplyingTo = parentCommentId;\n    });\n\n    this.addEffect(() => {\n      const editingComment = this.gridStore.editingComment.value;\n      if (editingComment && editingComment.id !== lastEditingCommentId) {\n        const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n        if (input) {\n          input.setValue(editingComment.body);\n          setTimeout(() => input.focus(), 0);\n        }\n      } else if (!editingComment && lastEditingCommentId) {\n        const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n        if (input) {\n          input.clear();\n        }\n      }\n      lastEditingCommentId = editingComment?.id ?? null;\n    });\n\n    this.addEffect(() => {\n      const user = currentUser.value;\n      const barUser = this.getElement<HTMLDivElement>(\".bar__user\");\n      if (!barUser) return;\n\n      const parentComment = this.gridStore.replyingToComment.value;\n      const parentAuthor = parentComment?.author;\n      const editingComment = this.gridStore.editingComment.value;\n\n      if (editingComment) {\n        barUser.classList.remove(\"has-reply\");\n        const userColorKey = user?.id ?? user?.name ?? \"\";\n        const userAvatarHtml = user?.image\n          ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n          : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n        barUser.innerHTML = userAvatarHtml;\n      } else if (parentAuthor) {\n        barUser.classList.add(\"has-reply\");\n\n        const parentColorKey = parentAuthor.id ?? parentAuthor.name ?? \"\";\n        const userColorKey = user?.id ?? user?.name ?? \"\";\n\n        const parentAvatarHtml = parentAuthor.image\n          ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\"><img src=\"${parentAuthor.image}\" alt=\"${parentAuthor.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n          : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--reply\" data-color-key=\"${parentColorKey}\">${getInitials(parentAuthor.name)}</pop-comment-avatar>`;\n\n        const userAvatarHtml = user?.image\n          ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n          : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n        barUser.innerHTML = parentAvatarHtml + userAvatarHtml;\n      } else {\n        barUser.classList.remove(\"has-reply\");\n\n        const userColorKey = user?.id ?? user?.name ?? \"\";\n\n        const userAvatarHtml = user?.image\n          ? `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\"><img src=\"${user.image}\" alt=\"${user.name ?? \"User\"}'s avatar\"></pop-comment-avatar>`\n          : `<pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\" data-color-key=\"${userColorKey}\">${getInitials(user?.name)}</pop-comment-avatar>`;\n\n        barUser.innerHTML = userAvatarHtml;\n      }\n    });\n  }\n\n  private async handleSend(): Promise<void> {\n    const input = this.getElement<PopCommentInput>(\"pop-comment-input\");\n    if (!input) return;\n\n    const body = input.getValue().trim();\n    if (!body) return;\n\n    const editingId = this.gridStore.editingCommentId.value;\n    if (editingId) {\n      input.clear();\n      this.gridStore.editingCommentId.value = null;\n      await this.gridStore.editComment(editingId, body);\n    } else {\n      input.clear();\n      const comment = await this.gridStore.postComment(\n        body,\n        this.gridStore.replyingTo.value ?? undefined,\n      );\n      this.gridStore.replyingTo.value = null;\n\n      if (comment) {\n        this.gridStore.scrollingCommentId.value = comment.id;\n      }\n    }\n  }\n\n  protected getTemplate(): string {\n    return /* html */ `\n      <div class=\"logo-watermark\">${LOGO_WATERMARK_SVG}</div>\n      <div class=\"bar\">\n        <div class=\"bar__user\">\n          <pop-comment-avatar size=\"xs\" class=\"bar__avatar bar__avatar--user\">?</pop-comment-avatar>\n        </div>\n        <div class=\"bar__input-wrap\">\n          <pop-comment-input></pop-comment-input>\n        </div>\n        <button class=\"bar__send\" type=\"button\" aria-label=\"Send comment\">\n          <pop-comment-icon theme=\"neutral\" variant=\"send\"></pop-comment-icon>\n        </button>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment-bar\")) {\n  customElements.define(\"pop-comment-bar\", PopCommentBar);\n}\n","import { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    /* Mode-level theme colors (defaults for light mode) */\n    --pop-comment-color-black: #000000;\n    --pop-comment-color-white: #ffffff;\n    --pop-comment-color-default: #000000;\n    --pop-comment-color-reversed: #ffffff;\n    --pop-comment-bg-singular-resting: #121926;\n    --pop-comment-bg-singular-hover: rgba(0, 0, 32, 0.08);\n    --pop-comment-bg-reversed: #121926;\n    --pop-comment-bg-blank-resting: #ffffff;\n\n    display: flex;\n\n    --pop-comment-icon-scale: 1;\n    --pop-comment-icon-scale-hover: 1.1875;\n    --pop-comment-icon-scale-active: 0.9375;\n    --pop-comment-icon-size: 32px;\n    --pop-comment-icon-color: var(--pop-foreground, #000000);\n    --pop-comment-icon-color-hover: var(--pop-foreground, #000000);\n    --pop-comment-icon-color-active: var(--pop-foreground, #000000);\n    --pop-comment-icon-color-focused: var(--pop-foreground, #000000);\n    --pop-comment-icon-background: var(\n      --color-surface-buttons-singular-bg-launch-icon-hover,\n      rgba(0, 0, 32, 0.08)\n    );\n    --pop-comment-icon-background-hover: var(\n      --color-surface-buttons-singular-bg-launch-icon-hover,\n      rgba(0, 0, 32, 0.08)\n    );\n    --pop-comment-icon-background-active: var(\n      --color-surface-buttons-singular-bg-launch-icon-hover,\n      rgba(0, 0, 32, 0.08)\n    );\n    --pop-comment-icon-background-focused: var(\n      --color-surface-buttons-singular-bg-launch-icon-hover,\n      rgba(0, 0, 32, 0.08)\n    );\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      /* Overrides for dark mode */\n      --pop-comment-color-black: #ffffff;\n      --pop-comment-color-white: #000000;\n      --pop-comment-color-default: #ffffff;\n      --pop-comment-color-reversed: #000000;\n      --pop-comment-bg-singular-resting: #ffffff;\n      --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n      --pop-comment-bg-reversed: #ffffff;\n      --pop-comment-bg-blank-resting: #121926;\n    }\n  }\n\n  :host(.dark) {\n    /* Overrides for dark mode (.dark class on host) */\n    --pop-comment-color-black: #ffffff;\n    --pop-comment-color-white: #000000;\n    --pop-comment-color-default: #ffffff;\n    --pop-comment-color-reversed: #000000;\n    --pop-comment-bg-singular-resting: #ffffff;\n    --pop-comment-bg-singular-hover: rgba(255, 255, 255, 0.15);\n    --pop-comment-bg-reversed: #ffffff;\n    --pop-comment-bg-blank-resting: #121926;\n  }\n\n  .comment-icon {\n    align-items: center;\n    background: transparent;\n    border: none;\n    display: inline-flex;\n    height: var(--pop-comment-icon-size);\n    justify-content: center;\n    padding: 0;\n    position: relative;\n    transform-origin: center;\n    width: var(--pop-comment-icon-size);\n  }\n\n  .comment-icon--size-sm {\n    --pop-comment-icon-size: 24px;\n  }\n\n  .comment-icon:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .comment-icon__focus-indicator {\n    display: none;\n    height: calc(100% + 3px);\n    inset: -1.5px;\n    transform-origin: center;\n    transform: scale(var(--pop-comment-icon-scale));\n    transition: all 200ms ease-out;\n    width: calc(100% + 3px);\n  }\n\n  .comment-icon:focus-visible .comment-icon__focus-indicator {\n    display: flex;\n  }\n\n  .comment-icon:focus-visible {\n    outline: none;\n  }\n\n  .comment-icon__inner {\n    align-items: center;\n    background: var(--pop-comment-icon-background);\n    color: var(--pop-comment-icon-color);\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    height: var(--pop-comment-icon-size);\n    justify-content: center;\n    position: absolute;\n    transform-origin: center;\n    transition: all 200ms ease-out;\n    transform: scale(var(--pop-comment-icon-scale));\n    width: var(--pop-comment-icon-size);\n  }\n\n  .comment-icon__icon-container {\n    align-items: center;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    transition: transform ease-out 150ms;\n    width: 100%;\n  }\n\n  .comment-icon__icon-container svg {\n    width: calc(var(--pop-comment-icon-size) * 0.6875);\n    height: calc(var(--pop-comment-icon-size) * 0.6875);\n  }\n\n  .comment-icon--variant-close.comment-icon--theme-neutral .comment-icon__icon-container svg {\n    width: var(--pop-comment-icon-size);\n    height: var(--pop-comment-icon-size);\n  }\n\n  .comment-icon__icon-image {\n    display: flex;\n    width: var(--pop-comment-icon-size);\n    height: var(--pop-comment-icon-size);\n  }\n\n  .comment-icon__icon {\n    display: flex;\n  }\n\n  .comment-icon__icon-image + .comment-icon__icon {\n    display: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .comment-icon:hover .comment-icon__inner {\n      background: var(--pop-comment-icon-background-hover);\n      color: var(--pop-comment-icon-color-hover);\n      transition: transform var(--pop-ease-pop-hover) var(--pop-duration-pop-hover);\n      transform: scale(var(--pop-comment-icon-scale-hover));\n    }\n\n    .comment-icon:hover .comment-icon__icon-image {\n      display: none;\n    }\n\n    .comment-icon:hover .comment-icon__icon-image + .comment-icon__icon {\n      display: flex;\n    }\n  }\n\n  .comment-icon:active .comment-icon__inner {\n    background: var(--pop-comment-icon-background-active);\n    color: var(--pop-comment-icon-color-active);\n    transform: scale(var(--pop-comment-icon-scale-active));\n    transition-duration: 100ms;\n  }\n\n  .comment-icon:is(:focus-visible) .comment-icon__inner {\n    background: var(--pop-comment-icon-background-focused);\n    color: var(--pop-comment-icon-color-focused);\n  }\n\n  /* Brand / Add */\n  .comment-icon--theme-brand.comment-icon--variant-add {\n    --pop-comment-icon-color: var(--pop-comment-color-black);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n    --pop-comment-icon-color-active: var(--pop-comment-color-black);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-black);\n    --pop-comment-icon-background: transparent;\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n    --pop-comment-icon-background-focused: transparent;\n  }\n\n  /* Brand / Close */\n  .comment-icon--theme-brand.comment-icon--variant-close {\n    --pop-comment-icon-color: var(--pop-comment-color-white);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n    --pop-comment-icon-color-active: var(--pop-comment-color-white);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n    --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n  }\n\n  /* Neutral / Add */\n  .comment-icon--theme-neutral.comment-icon--variant-add {\n    --pop-comment-icon-color: var(--pop-comment-color-white);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-black);\n    --pop-comment-icon-color-active: var(--pop-comment-color-black);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n    --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-hover);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-singular-hover);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n  }\n\n  /* Neutral / Close */\n  .comment-icon--theme-neutral.comment-icon--variant-close {\n    --pop-comment-icon-color: var(--pop-comment-color-white);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-white);\n    --pop-comment-icon-color-active: var(--pop-comment-color-white);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-white);\n    --pop-comment-icon-background: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-singular-resting);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-singular-resting);\n  }\n\n  /* Neutral / Send */\n  .comment-icon--theme-neutral.comment-icon--variant-send {\n    --pop-comment-icon-color: var(--pop-comment-color-reversed);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n    --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-reversed);\n    --pop-comment-icon-background: var(--pop-comment-bg-reversed);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-reversed);\n  }\n\n  /* Neutral / More */\n  .comment-icon--theme-neutral.comment-icon--variant-more {\n    --pop-comment-icon-color: var(--pop-comment-color-default);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-reversed);\n    --pop-comment-icon-color-active: var(--pop-comment-color-default);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n    --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-reversed);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-blank-resting);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n  }\n\n  /* Neutral / Cancel */\n  .comment-icon--theme-neutral.comment-icon--variant-cancel {\n    --pop-comment-icon-color: var(--pop-comment-color-default);\n    --pop-comment-icon-color-hover: var(--pop-comment-color-default);\n    --pop-comment-icon-color-active: var(--pop-comment-color-reversed);\n    --pop-comment-icon-color-focused: var(--pop-comment-color-default);\n    --pop-comment-icon-background: var(--pop-comment-bg-blank-resting);\n    --pop-comment-icon-background-hover: var(--pop-comment-bg-blank-resting);\n    --pop-comment-icon-background-active: var(--pop-comment-bg-reversed);\n    --pop-comment-icon-background-focused: var(--pop-comment-bg-blank-resting);\n  }\n`);\n\nexport class PopCommentIcon extends BaseElement {\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  static get observedAttributes() {\n    return [\"counter\", \"icon-url\", \"size\", \"theme\", \"variant\", \"type\", \"disabled\"];\n  }\n\n  onCounterChanged() {\n    this.render();\n  }\n\n  onIconUrlChanged() {\n    this.render();\n  }\n\n  onSizeChanged() {\n    this.render();\n  }\n\n  onThemeChanged() {\n    this.render();\n  }\n\n  onVariantChanged() {\n    this.render();\n  }\n\n  onTypeChanged() {\n    this.render();\n  }\n\n  onDisabledChanged() {\n    this.render();\n  }\n\n  get counter(): number {\n    return Number(this.getAttribute(\"counter\") || \"0\");\n  }\n\n  set counter(value: number) {\n    this.setAttribute(\"counter\", String(value));\n  }\n\n  get iconUrl(): string | undefined {\n    return this.getAttribute(\"icon-url\") || undefined;\n  }\n\n  set iconUrl(value: string | undefined) {\n    if (value === undefined) {\n      this.removeAttribute(\"icon-url\");\n    } else {\n      this.setAttribute(\"icon-url\", value);\n    }\n  }\n\n  get size(): string {\n    return this.getAttribute(\"size\") || \"md\";\n  }\n\n  set size(value: string) {\n    this.setAttribute(\"size\", value);\n  }\n\n  get theme(): \"brand\" | \"neutral\" {\n    return (this.getAttribute(\"theme\") as \"brand\" | \"neutral\") || \"brand\";\n  }\n\n  set theme(value: \"brand\" | \"neutral\") {\n    this.setAttribute(\"theme\", value);\n  }\n\n  get variant(): \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\" {\n    return (this.getAttribute(\"variant\") as any) || \"add\";\n  }\n\n  set variant(value: \"add\" | \"close\" | \"filter\" | \"more\" | \"send\" | \"cancel\") {\n    this.setAttribute(\"variant\", value);\n  }\n\n  get type(): \"button\" | \"submit\" | \"reset\" | \"menu\" {\n    return (this.getAttribute(\"type\") as any) || \"button\";\n  }\n\n  set type(value: \"button\" | \"submit\" | \"reset\" | \"menu\") {\n    this.setAttribute(\"type\", value);\n  }\n\n  get disabled(): boolean {\n    return this.hasAttribute(\"disabled\");\n  }\n\n  set disabled(value: boolean) {\n    if (value) {\n      this.setAttribute(\"disabled\", \"\");\n    } else {\n      this.removeAttribute(\"disabled\");\n    }\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  protected onClick(event: Event) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n    this.emit(\"pop-click\");\n  }\n\n  get icon(): string {\n    let icon = \"\";\n\n    if (this.theme === \"brand\") {\n      if (this.variant === \"add\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M11 4.58331V17.4166M4.58333 11H17.4167\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      } else if (this.variant === \"close\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      }\n    } else if (this.theme === \"neutral\") {\n      if (this.variant === \"add\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M11.0002 4.58301V17.4163M4.5835 10.9997H17.4168\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      } else if (this.variant === \"close\") {\n        icon = `\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M11.4628 11.4627L20.5373 20.5373M11.4628 20.5373L20.5373 11.4627\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      } else if (this.variant === \"more\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M12.8335 16.5L7.3335 11L12.8335 5.5\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      } else if (this.variant === \"send\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M18.0394 3.68048C18.2139 3.61601 18.3837 3.78583 18.3193 3.96036L12.3858 20.0241C12.314 20.2185 12.0369 20.2123 11.9739 20.0149L9.89172 13.4908C9.86908 13.4199 9.88424 13.3423 9.93191 13.2851L14.4838 7.82287C14.6536 7.61906 14.3807 7.34616 14.1769 7.516L8.71467 12.0678C8.65746 12.1155 8.57987 12.1307 8.50893 12.108L1.98489 10.0259C1.78743 9.96287 1.78121 9.68575 1.97565 9.61393L18.0394 3.68048Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        `;\n      } else if (this.variant === \"cancel\") {\n        icon = `\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M16.5 5.5L5.5 16.5M5.5 5.5L16.5 16.5\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </svg>\n        `;\n      }\n    }\n    return icon;\n  }\n\n  protected getTemplate(): string {\n    const disabledAttr = this.disabled ? \"disabled\" : \"\";\n    const classes = [\n      \"comment-icon\",\n      this.size ? `comment-icon--size-${this.size}` : \"\",\n      this.theme ? `comment-icon--theme-${this.theme}` : \"\",\n      this.variant ? `comment-icon--variant-${this.variant}` : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    const iconHtml = this.iconUrl\n      ? `<img src=\"${this.iconUrl}\" alt=\"\" class=\"comment-icon__icon-image\" />\n         <slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`\n      : `<slot class=\"comment-icon__icon\" name=\"icon\">${this.icon}</slot>`;\n\n    return /* html */ `\n      <button\n        class=\"${classes}\"\n        part=\"base\"\n        type=\"${this.type}\"\n        ${disabledAttr}\n      >\n        <pop-focus-indicator class=\"comment-icon__focus-indicator\"></pop-focus-indicator>\n        <div class=\"comment-icon__inner mask mask-squircle\">\n          <div class=\"comment-icon__icon-container\" part=\"icon\">${iconHtml}</div>\n        </div>\n      </button>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment-icon\")) {\n  customElements.define(\"pop-comment-icon\", PopCommentIcon);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n    align-items: flex-end;\n  }\n\n  textarea {\n    flex: 1;\n    min-width: 0;\n    background: none;\n    border: none;\n    outline: none;\n    resize: none;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    color: black;\n    line-height: 18px;\n    padding: 5px 0;\n    max-height: 200px;\n    overflow-y: auto;\n    width: 100%;\n    letter-spacing: -0.08px;\n  }\n\n  textarea::placeholder {\n    color: #697586;\n  }\n`);\n\nexport class PopCommentInput extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    input: \"onInput\",\n    keydown: \"onKeyDown\",\n  };\n\n  protected onInput(event: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    textarea.style.height = \"auto\";\n    textarea.style.height = `${textarea.scrollHeight}px`;\n  }\n\n  protected onKeyDown(event: KeyboardEvent) {\n    if (event.key === \"Escape\") {\n      if (this.gridStore.editingCommentId.value || this.gridStore.replyingTo.value) {\n        event.stopPropagation();\n        this.gridStore.editingCommentId.value = null;\n        this.gridStore.replyingTo.value = null;\n      }\n    }\n  }\n\n  getValue(): string {\n    return this.getElement<HTMLTextAreaElement>(\"textarea\")?.value ?? \"\";\n  }\n\n  setValue(val: string): void {\n    const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n    if (!textarea) return;\n\n    textarea.value = val;\n    textarea.style.height = \"auto\";\n    textarea.style.height = `${textarea.scrollHeight}px`;\n  }\n\n  clear(): void {\n    const textarea = this.getElement<HTMLTextAreaElement>(\"textarea\");\n    if (!textarea) return;\n\n    textarea.value = \"\";\n    textarea.style.height = \"auto\";\n  }\n\n  focus(): void {\n    this.getElement<HTMLTextAreaElement>(\"textarea\")?.focus();\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const parent = this.gridStore.replyingToComment.value;\n      const editing = this.gridStore.editingComment.value;\n\n      let placeholder = \"Comment\";\n      if (editing) {\n        placeholder = \"Edit comment...\";\n      } else if (parent?.author?.name) {\n        placeholder = `Reply to ${parent.author.name}`;\n      }\n\n      this.setAttr(\"textarea\", \"placeholder\", placeholder);\n    });\n  }\n\n  protected getTemplate(): string {\n    return /* html */ `\n      <textarea rows=\"1\" placeholder=\"Comment\"></textarea>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment-input\")) {\n  customElements.define(\"pop-comment-input\", PopCommentInput);\n}\n","import { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: block;\n\n    --pop-thread-link: rgba(0, 0, 32, 0.5);\n    --pop-thread-link-hover: rgba(0, 0, 32, 0.8);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --pop-thread-link: rgba(255, 255, 255, 0.5);\n      --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n    }\n  }\n\n  :host(.dark) {\n    --pop-thread-link: rgba(255, 255, 255, 0.5);\n    --pop-thread-link-hover: rgba(255, 255, 255, 0.8);\n  }\n\n  .thread {\n    align-items: stretch;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .thread__replies {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding-left: 24px;\n  }\n\n  .thread__more {\n    display: flex;\n    align-items: center;\n    font-size: 13px;\n    gap: 6px;\n    padding-left: 30px;\n    transition: opacity 0.15s ease;\n    width: 100%;\n  }\n\n  .thread__more:hover {\n    opacity: 1;\n  }\n\n  .thread__more-dot {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--pop-muted-foreground);\n    flex-shrink: 0;\n    opacity: 0.1;\n  }\n`);\n\nconst COLLAPSED_REPLY_LIMIT = 2;\n\nexport class PopCommentThread extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  private _showAll = false;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  protected onClick(event: MouseEvent) {\n    if (!(event.target as HTMLElement).closest(\".thread__more-btn\")) return;\n    this._showAll = true;\n    this.render();\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const commentId = this.getAttribute(\"comment-id\");\n      const targetId = this.gridStore.scrollingCommentId.value;\n      if (commentId && targetId) {\n        const replies = this.gridStore.repliesFor(commentId);\n        if (replies.some((r) => r.id === targetId)) {\n          this._showAll = true;\n        }\n      }\n\n      this.gridStore.comments.value;\n      this.render();\n    });\n  }\n\n  protected getTemplate(): string {\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return \"\";\n\n    const replies = this.gridStore.repliesFor(commentId);\n    const visibleReplies =\n      this._showAll || replies.length <= COLLAPSED_REPLY_LIMIT\n        ? replies\n        : replies.slice(0, COLLAPSED_REPLY_LIMIT);\n    const hiddenCount = replies.length - visibleReplies.length;\n\n    const moreHtml =\n      hiddenCount > 0\n        ? `<div class=\"thread__more\">\n            <div class=\"thread__more-dot\"></div>\n            <button class=\"thread__more-btn btn-link btn-link--size-sm btn-link--theme-default\" type=\"button\">\n              Show ${hiddenCount} more ${hiddenCount === 1 ? \"reply\" : \"replies\"}\n            </button>\n          </div>`\n        : \"\";\n\n    const repliesHtml =\n      replies.length > 0\n        ? `<div class=\"thread__replies\">\n            ${visibleReplies\n              .map((reply) => `<pop-comment comment-id=\"${reply.id}\"></pop-comment>`)\n              .join(\"\")}\n            ${moreHtml}\n          </div>`\n        : \"\";\n\n    return /* html */ `\n      <div class=\"thread\">\n        <pop-comment comment-id=\"${commentId}\"></pop-comment>\n        ${repliesHtml}\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment-thread\")) {\n  customElements.define(\"pop-comment-thread\", PopCommentThread);\n}\n","export function timeAgo(date: Date | string | number): string {\n  const d = date instanceof Date ? date : new Date(date);\n  const seconds = (Date.now() - d.getTime()) / 1000;\n\n  if (seconds < 1) return \"now\";\n  if (seconds < 60) return `${Math.floor(seconds)}s`;\n  if (seconds < 3600) return `${Math.floor(seconds / 60)}m`;\n  if (seconds < 86400) return `${Math.floor(seconds / 3600)}h`;\n  if (seconds < 604800) return `${Math.floor(seconds / 86400)}d`;\n  return `${Math.floor(seconds / 604800)}w`;\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { timeAgo } from \"../helpers/time.js\";\nimport { currentUser } from \"../store/auth-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\nimport { computePosition, autoUpdate, flip, offset, shift } from \"@floating-ui/dom\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: block;\n    width: 100%;\n    --pop-comment-hover: rgba(0, 0, 32, 0.04);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --pop-comment-hover: rgba(255, 255, 255, 0.04);\n    }\n  }\n\n  .comment {\n    display: flex;\n    width: 100%;\n    gap: 8px;\n    align-items: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    border-radius: var(--pop-radius-md);\n    outline: 6px solid transparent;\n    text-align: left;\n    transition:\n      background-color 150ms ease,\n      outline-color 150ms ease;\n  }\n\n  :host([data-size=\"sm\"]) .comment,\n  :host:not([data-size]) .comment {\n    --avatar-size: 32px;\n    --width: 32px;\n    gap: 8px;\n  }\n\n  :host([data-size=\"lg\"]) .comment {\n    --avatar-size: 56px;\n    --width: 56px;\n    gap: 12px;\n  }\n\n  .comment--is-selected {\n    background-color: var(--pop-muted);\n    outline-color: var(--pop-muted);\n  }\n\n  :host(.is-signed-in) .comment {\n    cursor: pointer;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .comment:hover .comment__avatar {\n      --avatar-translate-x: 2px;\n    }\n\n    .comment__avatar:hover {\n      /* --avatar-scale: 1.06; */\n    }\n\n    .comment .comment__menu {\n      display: none;\n    }\n\n    .comment:hover .comment__menu {\n      display: flex;\n    }\n  }\n\n  .comment--is-selected .comment__avatar {\n    --avatar-translate-x: 2px;\n  }\n\n  .comment__avatar {\n    --comment-avatar-border-size: 0;\n    --avatar-translate-x: 0px;\n    --avatar-scale: 1;\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    transform: translateX(var(--avatar-translate-x)) scale(var(--avatar-scale));\n    transition: transform var(--pop-duration-quick) var(--pop-ease-quick);\n  }\n\n  .comment__user {\n    display: flex;\n    width: var(--width);\n    align-items: flex-start;\n    gap: 10px;\n    flex-shrink: 0;\n    align-self: stretch;\n  }\n\n  .comment__content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1 0 0;\n    align-self: stretch;\n  }\n\n  .comment__info {\n    display: flex;\n    align-items: flex-start;\n    align-self: stretch;\n  }\n\n  .comment__menu {\n    display: flex;\n    justify-self: flex-end;\n  }\n\n  .comment__menu-trigger {\n    background: none;\n    border: none;\n    cursor: pointer;\n    border-radius: 9999px;\n    aspect-ratio: 1;\n    position: relative;\n  }\n\n  .comment__menu-trigger:before {\n    content: \"\";\n    height: 40px;\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 40px;\n  }\n\n  .comment__user-meta {\n    display: flex;\n    align-items: flex-start;\n    gap: 4px;\n    flex-shrink: 0;\n    align-self: stretch;\n    flex-grow: 1;\n  }\n\n  .comment__user-name {\n    color: var(--pop-foreground);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    font-family: Inter, sans-serif;\n    font-size: var(--text-widget-base, 13px);\n    font-style: normal;\n    font-weight: 500;\n    line-height: var(--text-widget-base--line-height, 18px);\n    letter-spacing: -0.08px;\n  }\n\n  .comment__timestamp {\n    color: var(--pop-muted-foreground);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    font-family: Inter, sans-serif;\n    font-size: var(--text-widget-base, 13px);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--text-widget-base--line-height, 18px);\n    letter-spacing: -0.08px;\n    opacity: 0.5;\n  }\n\n  .comment__text {\n    align-self: stretch;\n    color: var(--pop-foreground);\n    font-feature-settings:\n      \"liga\" off,\n      \"clig\" off;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    letter-spacing: -0.08px;\n    text-align: left;\n\n    /* Clamping when not expanded */\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .comment__text.expanded,\n  .comment--is-selected .comment__text {\n    -webkit-line-clamp: initial;\n    display: block;\n  }\n\n  .comment__mention {\n    color: #155eef;\n    font-weight: 500;\n  }\n\n  .comment__menu {\n    position: relative;\n  }\n\n  .comment__dropdown {\n    background-color: var(--pop-background);\n    border-radius: 6px;\n    box-shadow: var(--pop-shadow-xl);\n    display: none;\n    flex-direction: column;\n    gap: 6px;\n    padding: 6px;\n    pointer-events: auto;\n    position: fixed;\n    width: 120px;\n    z-index: 1000;\n  }\n\n  .comment__dropdown.is-open {\n    display: flex;\n  }\n\n  .comment__dropdown-item {\n    align-items: center;\n    background: none;\n    border-radius: 4px;\n    border: none;\n    color: var(--pop-foreground);\n    cursor: pointer;\n    display: flex;\n    flex: 1 0 0;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 500;\n    justify-content: center;\n    min-height: 40px;\n    padding: 0 12px;\n    text-align: left;\n    transition: background-color 100ms ease;\n    width: 100%;\n  }\n\n  .comment__dropdown-item:hover {\n    background-color: var(--pop-comment-hover, rgba(0, 0, 0, 0.04));\n  }\n\n  .comment__dropdown-item--danger {\n    color: #ef4444;\n  }\n\n  .comment__edit-form {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: 8px;\n    margin-top: 4px;\n  }\n\n  .comment__edit-input {\n    width: 100%;\n    background: var(--pop-background, #ffffff);\n    color: var(--pop-foreground, #000000);\n    border: 1px solid var(--pop-border, #e4e4e7);\n    border-radius: var(--pop-radius-sm, 4px);\n    padding: 6px 8px;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    line-height: 18px;\n    resize: vertical;\n    outline: none;\n  }\n\n  .comment__edit-input:focus {\n    border-color: var(--pop-ring, #000020);\n  }\n\n  .comment__edit-actions {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  }\n\n  .comment__edit-save,\n  .comment__edit-cancel {\n    font-size: 12px;\n    padding: 4px 8px;\n    cursor: pointer;\n  }\n\n  .comment--deleted .comment__text {\n    color: var(--pop-muted-foreground, #697586);\n    font-style: italic;\n    opacity: 0.8;\n  }\n`);\n\nexport class PopComment extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  static get observedAttributes() {\n    return [\"data-size\", \"comment-id\"];\n  }\n\n  onDataSizeChanged() {\n    this.render();\n  }\n\n  onCommentIdChanged() {\n    this.render();\n  }\n\n  get size(): \"sm\" | \"lg\" {\n    return (this.getAttribute(\"data-size\") as \"sm\" | \"lg\") || \"sm\";\n  }\n\n  get commentAvatarSize(): \"xs\" | \"sm\" {\n    return this.size === \"sm\" ? \"xs\" : \"sm\";\n  }\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  private _expanded = false;\n  private _dropdownOpen = false;\n  private _floatingCleanup?: () => void;\n\n  private _onOutsideClick = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const dropdown = this.getElement(\".comment__dropdown\");\n    const trigger = this.getElement(\".comment__menu-trigger\");\n\n    if (dropdown && trigger && !path.includes(dropdown) && !path.includes(trigger)) {\n      this.closeDropdown();\n    }\n  };\n\n  private toggleDropdown() {\n    if (this._dropdownOpen) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  }\n\n  private openDropdown() {\n    this._dropdownOpen = true;\n    const dropdown = this.getElement<HTMLElement>(\".comment__dropdown\");\n    const trigger = this.getElement<HTMLElement>(\".comment__menu-trigger\");\n\n    if (dropdown && trigger) {\n      dropdown.classList.add(\"is-open\");\n\n      const update = () => {\n        computePosition(trigger, dropdown, {\n          placement: \"bottom-end\",\n          middleware: [offset(4), flip(), shift({ padding: 8 })],\n          strategy: \"fixed\",\n        }).then(({ x, y }) => {\n          Object.assign(dropdown.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n            position: \"fixed\",\n          });\n        });\n      };\n\n      this._floatingCleanup = autoUpdate(trigger, dropdown, update);\n      document.addEventListener(\"mousedown\", this._onOutsideClick);\n    }\n  }\n\n  private closeDropdown() {\n    this._dropdownOpen = false;\n    const dropdown = this.getElement(\".comment__dropdown\");\n    if (dropdown) {\n      dropdown.classList.remove(\"is-open\");\n    }\n    if (this._floatingCleanup) {\n      this._floatingCleanup();\n      this._floatingCleanup = undefined;\n    }\n    document.removeEventListener(\"mousedown\", this._onOutsideClick);\n  }\n\n  private async deleteComment() {\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return;\n\n    if (confirm(\"Are you sure you want to delete this comment?\")) {\n      await this.gridStore.deleteComment(commentId);\n    }\n  }\n\n  private async flagComment() {\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return;\n\n    const success = await this.gridStore.flagComment(commentId);\n    if (success) {\n      alert(\"Comment flagged successfully.\");\n    } else {\n      alert(\"Failed to flag comment.\");\n    }\n  }\n\n  protected onClick(event: Event) {\n    const target = event.target as HTMLElement;\n\n    // Handle menu trigger click\n    if (target.closest(\".comment__menu-trigger\")) {\n      event.stopPropagation();\n      this.toggleDropdown();\n      return;\n    }\n\n    // Handle dropdown item click\n    const dropdownItem = target.closest(\".comment__dropdown-item\") as HTMLElement;\n    if (dropdownItem) {\n      event.stopPropagation();\n      const action = dropdownItem.getAttribute(\"data-action\");\n      const commentId = this.getAttribute(\"comment-id\");\n      if (action === \"edit\" && commentId) {\n        this.gridStore.replyingTo.value = null;\n        this.gridStore.editingCommentId.value = commentId;\n      } else if (action === \"delete\") {\n        this.deleteComment();\n      } else if (action === \"flag\") {\n        this.flagComment();\n      }\n      this.closeDropdown();\n      return;\n    }\n\n    // Don't trigger reply if clicking inside the dropdown\n    if (target.closest(\".comment__dropdown\")) {\n      event.stopPropagation();\n      return;\n    }\n\n    // Default reply action\n    if (!currentUser.value) return;\n\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return;\n\n    const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n    if (comment?.status === \"deleted\") return;\n\n    if (this.gridStore.replyingTo.value === commentId) {\n      this.gridStore.replyingTo.value = null;\n    } else {\n      this.gridStore.replyingTo.value = commentId;\n    }\n\n    this.expandText();\n  }\n\n  private expandText() {\n    const textEl = this.getElement<HTMLElement>(\".comment__text\");\n    if (!this._expanded && textEl) {\n      const startHeight = textEl.offsetHeight;\n      this._expanded = true;\n      this.render();\n\n      const newTextEl = this.getElement<HTMLElement>(\".comment__text\");\n      if (newTextEl) {\n        const endHeight = newTextEl.scrollHeight;\n\n        newTextEl.style.height = `${startHeight}px`;\n        newTextEl.style.overflow = \"hidden\";\n\n        // Force a reflow\n        void newTextEl.offsetHeight;\n\n        newTextEl.style.transition = \"height var(--pop-duration-quick) var(--pop-ease-quick)\";\n        newTextEl.style.height = `${endHeight}px`;\n\n        setTimeout(() => {\n          newTextEl.style.height = \"\";\n          newTextEl.style.overflow = \"\";\n        }, 300);\n      }\n    }\n  }\n\n  private _timeUpdateTimer: ReturnType<typeof setTimeout> | null = null;\n\n  disconnectedCallback() {\n    this.closeDropdown();\n    this.stopTimeUpdates();\n    super.disconnectedCallback();\n  }\n\n  private startTimeUpdates() {\n    this.stopTimeUpdates();\n\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return;\n\n    const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n    if (!comment) return;\n\n    const update = () => {\n      const timeSpan = this.getElement<HTMLSpanElement>(\".comment__timestamp\");\n      if (timeSpan) {\n        timeSpan.textContent = timeAgo(comment.createdAt);\n      }\n\n      const ageMs =\n        Date.now() -\n        (typeof comment.createdAt === \"number\"\n          ? comment.createdAt\n          : Date.parse(String(comment.createdAt)));\n      let delay = 60000;\n\n      if (ageMs < 60000) {\n        delay = 5000;\n      } else if (ageMs < 3600000) {\n        delay = 60000;\n      } else {\n        delay = 1800000;\n      }\n\n      this._timeUpdateTimer = setTimeout(update, delay);\n    };\n\n    const ageMs =\n      Date.now() -\n      (typeof comment.createdAt === \"number\"\n        ? comment.createdAt\n        : Date.parse(String(comment.createdAt)));\n    const initialDelay = ageMs < 60000 ? 5000 : 60000;\n    this._timeUpdateTimer = setTimeout(update, initialDelay);\n  }\n\n  private stopTimeUpdates() {\n    if (this._timeUpdateTimer) {\n      clearTimeout(this._timeUpdateTimer);\n      this._timeUpdateTimer = null;\n    }\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const commentId = this.getAttribute(\"comment-id\");\n      const user = currentUser.value;\n      const replyingToId = this.gridStore.replyingTo.value;\n      const editingId = this.gridStore.editingCommentId.value;\n      const targetId = this.gridStore.scrollingCommentId.value;\n\n      this.classList.toggle(\"is-signed-in\", user !== null);\n      this.classList.toggle(\"is-replying\", commentId !== null && replyingToId === commentId);\n      this.classList.toggle(\"is-editing\", commentId !== null && editingId === commentId);\n\n      this.gridStore.comments.value;\n      this.render();\n      this.startTimeUpdates();\n\n      if (commentId && targetId === commentId) {\n        setTimeout(() => {\n          const innerComment = this.shadowRoot?.querySelector(`#comment-${commentId}`);\n          if (innerComment) {\n            innerComment.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n          } else {\n            this.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n          }\n          this.gridStore.scrollingCommentId.value = null;\n        }, 50);\n      }\n    });\n  }\n\n  protected getTemplate(): string {\n    const commentId = this.getAttribute(\"comment-id\");\n    if (!commentId) return \"\";\n\n    const comment = this.gridStore.comments.value.find((c) => c.id === commentId);\n    if (!comment) return \"\";\n\n    const isDeleted = comment.status === \"deleted\";\n    const isAuthorDeleted = comment.authorDeleted === true;\n    const showDeletedAvatar = isDeleted || isAuthorDeleted;\n\n    const avatarContent = showDeletedAvatar\n      ? \"\"\n      : comment.author?.image\n        ? `<img src=\"${comment.author.image}\" alt=\"${comment.author.name ?? \"User avatar\"}\" />`\n        : getInitials(comment.author?.name);\n\n    const replyingToId = this.gridStore.replyingTo.value;\n    const isReplying = commentId !== null && replyingToId === commentId;\n    const size = this.size;\n\n    // Determine if signed-in user is the author\n    const isAuthor =\n      currentUser.value && comment.author && currentUser.value.id === comment.author.id;\n\n    // Dropdown HTML (only if signed in and comment is not deleted)\n    const menuHtml =\n      currentUser.value && !isDeleted\n        ? `<div class=\"comment__menu\">\n            <button class=\"comment__menu-trigger\" type=\"button\">\n              <svg\n                width=\"18\"\n                height=\"18\"\n                viewBox=\"0 0 18 18\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n                  fill=\"white\"\n                />\n                <path\n                  d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n                  fill=\"white\"\n                />\n                <path\n                  d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n                  fill=\"white\"\n                />\n                <path\n                  d=\"M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z\"\n                  stroke=\"#000020\"\n                  stroke-opacity=\"0.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n                <path\n                  d=\"M12.5 9.5C12.7761 9.5 13 9.27614 13 9C13 8.72386 12.7761 8.5 12.5 8.5C12.2239 8.5 12 8.72386 12 9C12 9.27614 12.2239 9.5 12.5 9.5Z\"\n                  stroke=\"#000020\"\n                  stroke-opacity=\"0.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n                <path\n                  d=\"M5.5 9.5C5.77614 9.5 6 9.27614 6 9C6 8.72386 5.77614 8.5 5.5 8.5C5.22386 8.5 5 8.72386 5 9C5 9.27614 5.22386 9.5 5.5 9.5Z\"\n                  stroke=\"#000020\"\n                  stroke-opacity=\"0.5\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n            </button>\n            <div class=\"comment__dropdown\">\n              ${\n                isAuthor\n                  ? `<button class=\"comment__dropdown-item\" type=\"button\" data-action=\"edit\">Edit</button>\n                     <button class=\"comment__dropdown-item comment__dropdown-item--danger\" type=\"button\" data-action=\"delete\">Delete</button>`\n                  : \"\"\n              }\n              <button class=\"comment__dropdown-item\" type=\"button\" data-action=\"flag\">Flag</button>\n            </div>\n          </div>`\n        : \"\";\n\n    return /* html */ `\n      <div\n        class=\"comment comment--size-${size}${isReplying ? \" comment--is-selected\" : \"\"}${isDeleted\n          ? \" comment--deleted\"\n          : \"\"}\"\n        id=\"comment-${commentId}\"\n      >\n        <div class=\"comment__user\">\n          <pop-comment-avatar\n            class=\"comment__avatar\"\n            size=\"${this.commentAvatarSize}\"\n            data-color-key=\"${comment.author?.id ?? comment.author?.name ?? \"\"}\"\n            ${showDeletedAvatar ? \"deleted\" : \"\"}\n          >\n            ${avatarContent}\n          </pop-comment-avatar>\n        </div>\n        <div class=\"comment__content\">\n          <div class=\"comment__info\">\n            <div class=\"comment__user-meta\">\n              <div class=\"comment__user-name\">\n                ${isDeleted ? \"[Deleted]\" : isAuthorDeleted ? \"[Deleted user]\" : (comment.author?.name ?? \"\")}\n              </div>\n              <div class=\"comment__timestamp\">${timeAgo(comment.createdAt)}</div>\n            </div>\n            ${menuHtml}\n          </div>\n          <div class=\"comment__text${this._expanded ? \" expanded\" : \"\"}\">${comment.body}</div>\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-comment\")) {\n  customElements.define(\"pop-comment\", PopComment);\n}\n","import { checkSession, currentUser } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: flex;\n    background: var(--pop-background);\n    border-radius: var(--pop-radius-2xl);\n    border: 1px solid var(--pop-background);\n    box-shadow: var(--pop-shadow-3xl);\n    display: block;\n    left: 0;\n    max-height: 400px;\n    max-width: 400px;\n    min-width: 343px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0 4px 0 0;\n    pointer-events: none;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: 9999;\n    transform: scale(0.94);\n    transition:\n      opacity var(--pop-duration-quick) var(--pop-ease-quick),\n      transform var(--pop-duration-quick) var(--pop-ease-quick),\n      display var(--pop-duration-quick) allow-discrete;\n  }\n\n  :host([data-current-placement=\"top-start\"]) {\n    transform-origin: left bottom;\n  }\n\n  :host([data-current-placement=\"bottom-start\"]) {\n    transform-origin: left top;\n  }\n\n  :host([data-current-placement=\"top-end\"]) {\n    transform-origin: right bottom;\n  }\n\n  :host([data-current-placement=\"bottom-end\"]) {\n    transform-origin: right top;\n  }\n\n  :host([data-current-placement=\"top\"]) {\n    transform-origin: bottom;\n  }\n\n  :host([data-current-placement=\"bottom\"]) {\n    transform-origin: top;\n  }\n\n  :host([open]) {\n    opacity: 1;\n    pointer-events: auto;\n    transform: scale(1);\n\n    @starting-style {\n      display: flex;\n      opacity: 0;\n      transform: scale(0.94);\n    }\n  }\n\n  .feed {\n    display: grid;\n    grid-template-rows: 1fr 50px;\n  }\n\n  .feed__content {\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    gap: 8px;\n    min-height: 80px;\n    max-height: 290px;\n  }\n\n  .feed__empty {\n    padding: 24px 16px 24px 8px;\n    text-align: center;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    color: var(--pop-muted-foreground);\n    line-height: 18px;\n  }\n\n  .feed__footer {\n    position: absolute;\n    bottom: 0;\n    min-height: 50px;\n    width: 100%;\n  }\n\n  .feed__main {\n    align-items: stretch;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    flex: 1 0 0;\n    gap: 16px;\n    min-height: 100%;\n    overflow: hidden auto;\n    padding: 8px 10px 8px 8px;\n  }\n\n  .feed__main::-webkit-scrollbar {\n    width: 4px;\n  }\n\n  .feed__main::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .feed__main::-webkit-scrollbar-thumb {\n    background: var(--pop-border);\n    border-radius: 100px;\n  }\n`);\n\nexport class PopFeed extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  private _footerChild: string | null = null;\n  private _wasOpen = false;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener(\"mousedown\", this);\n    document.addEventListener(\"keydown\", this);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener(\"mousedown\", this);\n    document.removeEventListener(\"keydown\", this);\n    super.disconnectedCallback();\n  }\n\n  handleEvent(event: Event): void {\n    if (event.type === \"mousedown\") {\n      this.onOutsideClick(event as MouseEvent);\n      return;\n    }\n\n    if (event.type === \"keydown\") {\n      this.onKeyDown(event as KeyboardEvent);\n      return;\n    }\n\n    super.handleEvent(event);\n  }\n\n  private onOutsideClick(event: MouseEvent) {\n    if (!this.gridStore.open.value) return;\n\n    const path = event.composedPath();\n    const root = this.getRootNode();\n    const host = root instanceof ShadowRoot ? root.host : null;\n    if (!path.includes(this) && (!host || !path.includes(host))) {\n      this.gridStore.open.value = false;\n    }\n  }\n\n  private onKeyDown(event: KeyboardEvent) {\n    if (event.key !== \"Escape\") return;\n    this.gridStore.open.value = false;\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const open = this.gridStore.open.value;\n\n      if (open && !this._wasOpen && this.gridStore.grid.value) {\n        void checkSession(this.gridStore.apiUrl, this.gridStore.publicKey);\n      }\n\n      this._wasOpen = open;\n      this.update();\n    });\n  }\n\n  private update(): void {\n    if (this.gridStore.open.value) {\n      this.setAttribute(\"open\", \"\");\n    } else {\n      this.removeAttribute(\"open\");\n    }\n\n    const content = this.getElement<HTMLDivElement>(\".feed__main\");\n    if (content) {\n      const threads = this.gridStore.topLevelComments.value;\n\n      if (threads.length === 0) {\n        const isEmpty = content.querySelector(\".feed__empty\");\n        if (!isEmpty) {\n          content.innerHTML = `<div class=\"feed__empty\">Waiting for your thoughts…</div>`;\n        }\n      } else {\n        const existingIds = Array.from(content.querySelectorAll(\"pop-comment-thread\")).map((el) =>\n          el.getAttribute(\"comment-id\"),\n        );\n\n        const newIds = threads.map((c) => c.id);\n        const needsRebuild =\n          existingIds.length !== newIds.length || existingIds.some((id, i) => id !== newIds[i]);\n\n        if (needsRebuild) {\n          content.innerHTML = threads\n            .map(\n              (comment) => `<pop-comment-thread comment-id=\"${comment.id}\"></pop-comment-thread>`,\n            )\n            .join(\"\");\n        }\n      }\n    }\n\n    const footer = this.getElement<HTMLDivElement>(\".feed__footer\");\n    if (footer) {\n      const authed = currentUser.value !== null;\n      const desired = authed ? \"pop-comment-bar\" : \"pop-auth-panel\";\n      if (this._footerChild !== desired) {\n        this._footerChild = desired;\n        footer.innerHTML = `<${desired}></${desired}>`;\n      }\n    }\n  }\n\n  protected getTemplate(): string {\n    return /* html */ `\n      <div class=\"feed\">\n        <div class=\"feed__content\">\n          <div class=\"feed__main\"></div>\n        </div>\n        <div class=\"feed__footer\"></div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-feed\")) {\n  customElements.define(\"pop-feed\", PopFeed);\n}\n","function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n  return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  try {\n    if (element.matches(':popover-open')) {\n      return true;\n    }\n  } catch (_e) {\n    // no-op\n  }\n  try {\n    return element.matches(':modal');\n  } catch (_e) {\n    return false;\n  }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (isWebKitValue == null) {\n    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n  }\n  return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n  return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  } else {\n    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n  }\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n","import{isContainingBlock as t}from\"@floating-ui/utils/dom\";function e(t){return i(t)}function n(t){return f(t,\"offsetTop\")}function o(t){return f(t,\"offsetLeft\")}function r(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function i(e){for(let t=e;t;t=r(t))if(t instanceof Element&&\"none\"===getComputedStyle(t).display)return null;for(let n=r(e);n;n=r(n)){if(!(n instanceof Element))continue;const e=getComputedStyle(n);if(\"contents\"!==e.display){if(\"static\"!==e.position||t(e))return n;if(\"BODY\"===n.tagName)return n}}return null}function f(t,e){let n=t[e],o=i(t);const r=function(t){const e=new Set;let n=t.getRootNode();for(;n;)e.add(n),n=n.parentNode?n.parentNode.getRootNode():null;return e}(t);for(;o&&!r.has(o.getRootNode());)n-=o[e],o=i(o);return n}export{o as offsetLeft,e as offsetParent,n as offsetTop};\n","import {\n  type Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  platform,\n} from \"@floating-ui/dom\";\nimport { offsetParent } from \"composed-offset-position\";\nimport { checkSession } from \"../store/auth-store.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { registerStore, unregisterStore } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst DEFAULT_API_URL = \"https://www.popgrids.io\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    display: block;\n    position: relative;\n  }\n\n  .grid {\n    display: flex;\n    height: 100%;\n    position: relative;\n    width: 100%;\n  }\n\n  .grid--align-start {\n    justify-content: flex-start;\n  }\n\n  .grid--align-center {\n    justify-content: center;\n  }\n\n  .grid--align-end {\n    justify-content: flex-end;\n  }\n`);\n\nexport class PopGrid extends BaseElement {\n  private _initialized = false;\n  private _floatingCleanup?: () => void;\n  private _store!: GridStore;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  connectedCallback() {\n    if (this._initialized) return;\n    this._initialized = true;\n\n    const publicKey = this.getAttribute(\"data-key\") ?? this.getAttribute(\"public-key\") ?? \"\";\n\n    const apiUrl =\n      this.getAttribute(\"data-api-url\") ??\n      this.getAttribute(\"api-url\") ??\n      DEFAULT_API_URL;\n\n    const pageUrl =\n      this.getAttribute(\"data-page-url\") ?? this.getAttribute(\"page-url\") ?? location.href;\n\n    // Names the discussion thread (Disqus-style identifier): embeds sharing a\n    // data-id share one thread across pages; without it the thread is keyed\n    // by the page's canonical URL.\n    const externalId = this.getAttribute(\"data-id\");\n\n    this._store = new GridStore({\n      apiUrl,\n      publicKey,\n      pageUrl,\n      externalId,\n    });\n    registerStore(this, this._store);\n\n    super.connectedCallback();\n\n    void this._store.load().then((loaded) => {\n      if (loaded) {\n        void checkSession(apiUrl, publicKey);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this._floatingCleanup?.();\n    this._store.destroy();\n    unregisterStore(this);\n    super.disconnectedCallback();\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      const grid = this._store.grid.value;\n      const gridEl = this.getElement(\".grid\");\n      if (!gridEl) return;\n\n      // Remove any existing grid-- classes\n      const toRemove = Array.from(gridEl.classList).filter((cls) => cls.startsWith(\"grid--\"));\n      if (toRemove.length > 0) {\n        gridEl.classList.remove(...toRemove);\n      }\n\n      if (grid) {\n        if (grid.align) gridEl.classList.add(`grid--align-${grid.align}`);\n        if (grid.appearance) gridEl.classList.add(`grid--appearance-${grid.appearance}`);\n        if (grid.icon) gridEl.classList.add(`grid--icon-${grid.icon}`);\n        if (grid.layout) gridEl.classList.add(`grid--layout-${grid.layout}`);\n        if (grid.position) gridEl.classList.add(`grid--position-${grid.position}`);\n\n        const previewVal = grid.previewCount ?? this._store.previewCount;\n        gridEl.classList.add(`grid--preview-${previewVal}`);\n      }\n    });\n\n    this.addEffect(() => {\n      const open = this._store.open.value;\n\n      if (this._floatingCleanup) {\n        this._floatingCleanup();\n        this._floatingCleanup = undefined;\n      }\n\n      if (!open) return;\n\n      const widget = this.getElement(\"pop-widget\");\n      const feed = this.getElement(\"pop-feed\");\n      if (!widget || !feed) return;\n\n      const grid = this._store.grid.value;\n      if (!grid) return;\n\n      // Offset\n      let middleware: Middleware[] = [];\n\n      middleware = [\n        offset({\n          mainAxis: grid.position === \"down\" ? -16 : -54,\n          crossAxis: -18,\n        }),\n      ];\n\n      // Flip\n      if (!grid.position || grid.position === \"auto\") {\n        middleware.push(\n          flip({\n            fallbackPlacements: [\"bottom-start\", \"top-start\"],\n            fallbackStrategy: \"bestFit\",\n            padding: 16,\n          }),\n        );\n      }\n\n      const getOffsetParent = (element: Element) => platform.getOffsetParent(element, offsetParent);\n\n      const update = () => {\n        void computePosition(widget, feed, {\n          placement: grid.position === \"down\" ? \"bottom-start\" : \"top-start\",\n          middleware,\n          strategy: \"fixed\",\n          platform: {\n            ...platform,\n            getOffsetParent,\n          },\n        }).then(({ x, y, placement }) => {\n          feed.setAttribute(\"data-current-placement\", placement);\n\n          Object.assign(feed.style, {\n            left: `${x}px`,\n            top: `${y}px`,\n          });\n        });\n      };\n\n      this._floatingCleanup = autoUpdate(widget, feed, update);\n    });\n  }\n\n  protected getTemplate(): string {\n    return /* html */ `\n      <div class=\"grid\">\n        <pop-widget></pop-widget>\n        <pop-feed></pop-feed>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-grid\")) {\n  customElements.define(\"pop-grid\", PopGrid);\n}\n","import { getInitials } from \"../helpers/author.js\";\nimport { GridStore } from \"../store/grid-store.js\";\nimport { consume } from \"../store/registry.js\";\nimport { BaseElement, createSheet } from \"./base-element.js\";\n\nconst localSheet = createSheet(/* css */ `\n  :host {\n    --error-badge-bg: #fef2f2;\n    --error-badge-text: #991b1b;\n    --error-badge-border: #fecaca;\n\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      --error-badge-bg: #450a0a;\n      --error-badge-text: #fca5a5;\n      --error-badge-border: #7f1d1d;\n    }\n  }\n\n  :host(.dark) {\n    --error-badge-bg: #450a0a;\n    --error-badge-text: #fca5a5;\n    --error-badge-border: #7f1d1d;\n  }\n\n  :host([data-error]) {\n    cursor: default;\n  }\n\n  .error-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 10px;\n    border-radius: var(--pop-radius-full);\n    border: 1px solid var(--error-badge-border);\n    background: var(--error-badge-bg);\n    color: var(--error-badge-text);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 16px;\n    white-space: nowrap;\n  }\n\n  .widget {\n    display: inline-flex;\n    align-items: flex-start;\n  }\n\n  .widget > :not([hidden]) ~ :not([hidden]) {\n    margin-left: -6px;\n  }\n\n  .skeleton {\n    width: 32px;\n    height: 32px;\n    background: var(--pop-muted);\n    animation: pulse 1.5s ease-in-out infinite;\n  }\n\n  @keyframes pulse {\n    0%,\n    100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .count {\n    --count-size: calc(32px + var(--count-border-size));\n    --count-background: var(--pop-background);\n    --count-border-color: rgba(0 0 32 / 16%);\n    --count-border-size: 1px;\n    --count-color: var(--pop-foreground);\n\n    align-items: center;\n    background-color: var(--pop-background);\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    padding: calc(var(--count-border-size) / 2);\n    position: relative;\n    z-index: 10;\n\n    width: calc(var(--count-size) + (calc(var(--count-border-size))));\n    height: calc(var(--count-size) + (calc(var(--count-border-size))));\n  }\n\n  .count__background {\n    background-color: var(--count-border-color);\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n  }\n\n  .count__content {\n    align-items: center;\n    background: var(--count-background);\n    display: flex;\n    justify-content: center;\n    overflow: hidden;\n    height: var(--count-size);\n    width: var(--count-size);\n  }\n\n  .count__label {\n    color: var(--count-color);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    letter-spacing: -0.96px;\n    line-height: 28px;\n    text-align: center;\n    user-select: none;\n  }\n\n  .count__label-container {\n    align-items: center;\n    background: var(--pop-background);\n    display: flex;\n    height: calc(100% - calc(var(--count-border-size) * 2));\n    justify-content: center;\n    position: relative;\n    text-indent: calc(calc(var(--count-border-size) * 2) * -1);\n    width: calc(100% - calc(var(--count-border-size) * 2));\n    z-index: 20;\n  }\n`);\n\nexport class PopWidget extends BaseElement {\n  @consume(GridStore) gridStore!: GridStore;\n\n  protected get styleSheets() {\n    return [localSheet];\n  }\n\n  protected events = {\n    click: \"onClick\",\n  };\n\n  protected onClick() {\n    if (this.gridStore.error.value) {\n      return;\n    }\n\n    this.gridStore.open.value = !this.gridStore.open.value;\n  }\n\n  protected setupEffects() {\n    this.addEffect(() => {\n      this.gridStore.loading.value;\n      this.gridStore.error.value;\n      this.gridStore.previewAvatars.value;\n      this.gridStore.comments.value;\n      this.gridStore.grid.value;\n\n      const hasError = Boolean(this.gridStore.error.value);\n      this.toggleAttribute(\"data-error\", hasError);\n\n      if (hasError && this.gridStore.open.value) {\n        this.gridStore.open.value = false;\n      }\n\n      this.render();\n    });\n  }\n\n  protected getTemplate(): string {\n    if (this.gridStore.loading.value) {\n      return `<div class=\"widget\"><div class=\"skeleton mask mask-squircle\"></div></div>`;\n    }\n\n    if (this.gridStore.error.value) {\n      return `<div class=\"error-badge\">Error: there was a problem loading the PopGrid</div>`;\n    }\n\n    const avatars = this.gridStore.previewAvatars.value;\n    const totalCount = this.gridStore.comments.value.length;\n\n    const avatarsHtml = avatars\n      .map((author, idx) => {\n        const zIndex = avatars.length + idx;\n        const colorKey = author?.id ?? author?.name ?? \"\";\n\n        if (author?.image) {\n          return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n            <img src=\"${author.image}\" alt=\"${author.name ?? \"User\"}\" />\n          </pop-comment-avatar>`;\n        }\n\n        return `<pop-comment-avatar size=\"xs\" style=\"z-index: ${zIndex}\" data-color-key=\"${colorKey}\">\n          ${getInitials(author?.name)}\n        </pop-comment-avatar>`;\n      })\n      .join(\"\");\n\n    return /* html */ `\n      <div class=\"widget\">\n        ${avatarsHtml}\n        <div class=\"count mask mask-squircle\">\n          <span class=\"count__content mask mask-squircle\">\n            <div class=\"count__background mask mask-squircle\"></div>\n            <div class=\"count__label-container mask mask-squircle\">\n              <div class=\"count__label\">${totalCount}</div>\n            </div>\n          </span>\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"pop-widget\")) {\n  customElements.define(\"pop-widget\", PopWidget);\n}\n","if (typeof document !== \"undefined\") {\n  const fontUrl = \"https://rsms.me/inter/inter.css\";\n  if (!document.querySelector(`link[href=\"${fontUrl}\"]`)) {\n    const link = document.createElement(\"link\");\n    link.rel = \"stylesheet\";\n    link.href = fontUrl;\n    document.head.appendChild(link);\n  }\n}\n\nimport \"./components/pop-auth-panel.js\";\nimport \"./components/pop-comment-avatar.js\";\nimport \"./components/pop-comment-bar.js\";\nimport \"./components/pop-comment-icon.js\";\nimport \"./components/pop-comment-input.js\";\nimport \"./components/pop-comment-thread.js\";\nimport \"./components/pop-comment.js\";\nimport \"./components/pop-feed.js\";\nimport \"./components/pop-grid.js\";\nimport \"./components/pop-widget.js\";\n\nexport type { AuthUser, Comment, CommentAuthor, Grid } from \"./types/models.js\";\n"],"x_google_ignoreList":[21,22],"mappings":"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"}