@tangle-network/agent-app 0.45.47 → 0.45.49

package/dist/{chunk-IUSO2XRE.js → chunk-5MI2SKQH.js}

@@ -1,3 +1,6 @@
+import {
+  RoleSelect
+} from "./chunk-AULM4X7U.js";
 import {
   hasWorkspaceRole
 } from "./chunk-6XIAPIW6.js";
@@ -5,12 +8,7 @@ import {
 // src/teams-react/components/InvitationsPanel.tsx
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ASSIGNABLE = [
-  { value: "viewer", label: "Viewer" },
-  { value: "editor", label: "Editor" },
-  { value: "admin", label: "Admin" }
-];
-var BADGE_BASE = "inline-flex items-center rounded border px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.05em]";
+var BADGE_BASE = "inline-flex items-center rounded border px-2 py-0.5 text-xs font-semibold uppercase tracking-[0.05em]";
 var STATUS_BADGE = {
   accepted: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]",
   pending: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
@@ -22,6 +20,9 @@ var EMAIL_BADGE = {
   not_sent: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
   failed: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]"
 };
+function capitalize(text) {
+  return text.length === 0 ? text : text[0].toUpperCase() + text.slice(1);
+}
 function InvitationsPanel({
   invitations,
   currentRole,
@@ -103,13 +104,11 @@ function InvitationsPanel({
           }
         ),
         /* @__PURE__ */ jsx(
-          "select",
+          RoleSelect,
           {
             value: inviteRole,
-            "aria-label": "Invite role",
-            onChange: (event) => setInviteRole(event.target.value),
-            className: "rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-1.5 text-xs text-[var(--text-secondary)]",
-            children: ASSIGNABLE.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+            ariaLabel: "Invite role",
+            onChange: setInviteRole
           }
         ),
         /* @__PURE__ */ jsx(
@@ -118,7 +117,7 @@ function InvitationsPanel({
             type: "button",
             onClick: () => void submitInvite(),
             disabled: inviting || !inviteEmail.trim(),
-            className: "rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-white disabled:opacity-50",
+            className: "rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50",
             children: inviting ? "Inviting\u2026" : "Invite"
           }
         )
@@ -159,8 +158,8 @@ function InvitationRow({ invitation, canManage, busy, onCopy, onResend, onRevoke
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: invitation.email }),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs capitalize text-[var(--text-muted)]", children: [
-          invitation.permissions,
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-muted)]", children: [
+          capitalize(invitation.permissions),
           " \xB7 expires ",
           expiry
         ] }),
@@ -209,4 +208,4 @@ function InvitationRow({ invitation, canManage, busy, onCopy, onResend, onRevoke
 export {
   InvitationsPanel
 };
-//# sourceMappingURL=chunk-IUSO2XRE.js.map
+//# sourceMappingURL=chunk-5MI2SKQH.js.map

package/dist/chunk-5MI2SKQH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/teams-react/components/InvitationsPanel.tsx"],"sourcesContent":["/**\n * Email-invitation panel: invite by email + role, and a history of every\n * invitation (pending / accepted / expired / revoked) with its email-delivery\n * status. Pending rows expose copy-link / resend / revoke. Fully callback-driven\n * — the host supplies the data and the async `onInvite` / `onResend` / `onRevoke`\n * callbacks (backed by `./teams/invitations-api`), so this imports no app router,\n * fetch client, or toast. Styled with the shipped Tangle Quiet tokens (`var(--*)`).\n *\n * Mount alongside a list-only `MembersPanel` (`showInviteForm={false}`): the\n * members panel shows accepted members, this owns the invite flow + pending list.\n */\n\nimport { useState } from 'react'\nimport type { WorkspaceRole } from '../../teams/roles'\nimport { hasWorkspaceRole } from '../../teams/roles'\nimport type { InvitationView, InvitationsPanelProps } from '../contracts'\nimport { RoleSelect } from './RoleSelect'\n\nconst BADGE_BASE = 'inline-flex items-center rounded border px-2 py-0.5 text-xs font-semibold uppercase tracking-[0.05em]'\n\n// Lifecycle status: green = in, amber = awaiting, red = killed, muted = lapsed.\nconst STATUS_BADGE: Record<InvitationView['status'], string> = {\n  accepted: 'border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]',\n  pending: 'border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]',\n  revoked: 'border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]',\n  expired: 'border-[var(--border-default)] text-[var(--text-muted)]',\n}\n\n// Delivery status: red = bounced, amber = not yet attempted, muted = the normal happy path.\nconst EMAIL_BADGE: Record<InvitationView['emailStatus'], string> = {\n  sent: 'border-[var(--border-default)] text-[var(--text-muted)]',\n  not_sent: 'border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]',\n  failed: 'border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]',\n}\n\n/** Uppercase the role's first letter in JS (not CSS `capitalize`, which would\n *  also hit the lowercase \"expires\" in the same line). */\nfunction capitalize(text: string): string {\n  return text.length === 0 ? text : text[0]!.toUpperCase() + text.slice(1)\n}\n\nexport function InvitationsPanel({\n  invitations,\n  currentRole,\n  onInvite,\n  onResend,\n  onRevoke,\n  onCopy,\n  onNotice,\n}: InvitationsPanelProps) {\n  const [inviteEmail, setInviteEmail] = useState('')\n  const [inviteRole, setInviteRole] = useState<WorkspaceRole>('editor')\n  const [inviting, setInviting] = useState(false)\n  const [busyId, setBusyId] = useState<string | null>(null)\n\n  const canManage = hasWorkspaceRole(currentRole, 'admin')\n\n  function notify(kind: 'success' | 'error', message: string) {\n    onNotice?.({ kind, message })\n  }\n\n  async function submitInvite() {\n    const email = inviteEmail.trim()\n    if (!email || inviting) return\n    setInviting(true)\n    try {\n      await onInvite({ email, role: inviteRole })\n      notify('success', `Invitation sent to ${email}`)\n      setInviteEmail('')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to invite')\n    } finally {\n      setInviting(false)\n    }\n  }\n\n  async function copyLink(inviteUrl: string) {\n    try {\n      if (onCopy) await onCopy({ inviteUrl })\n      else await navigator.clipboard.writeText(inviteUrl)\n      notify('success', 'Invite link copied')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to copy link')\n    }\n  }\n\n  async function resend(invitationId: string) {\n    setBusyId(invitationId)\n    try {\n      await onResend({ invitationId })\n      notify('success', 'Invitation resent')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to resend invitation')\n    } finally {\n      setBusyId(null)\n    }\n  }\n\n  async function revoke(invitationId: string) {\n    setBusyId(invitationId)\n    try {\n      await onRevoke({ invitationId })\n      notify('success', 'Invitation revoked')\n    } catch (err) {\n      notify('error', err instanceof Error ? err.message : 'Failed to revoke invitation')\n    } finally {\n      setBusyId(null)\n    }\n  }\n\n  return (\n    <section className=\"flex flex-col gap-4\">\n      {canManage && (\n        <div className=\"flex flex-col gap-1.5\">\n          <label className=\"text-xs font-medium text-[var(--text-muted)]\">Invite by email</label>\n          <div className=\"flex gap-2\">\n            <input\n              type=\"email\"\n              placeholder=\"colleague@example.com\"\n              value={inviteEmail}\n              aria-label=\"Invite email address\"\n              onChange={(event) => setInviteEmail(event.target.value)}\n              onKeyDown={(event) => { if (event.key === 'Enter') void submitInvite() }}\n              className=\"flex-1 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-3 py-1.5 text-sm text-[var(--text-primary)] placeholder:text-[var(--text-muted)]\"\n            />\n            <RoleSelect\n              value={inviteRole}\n              ariaLabel=\"Invite role\"\n              onChange={setInviteRole}\n            />\n            <button\n              type=\"button\"\n              onClick={() => void submitInvite()}\n              disabled={inviting || !inviteEmail.trim()}\n              className=\"rounded bg-[var(--brand-primary)] px-3 py-1.5 text-sm text-[hsl(var(--primary-foreground))] disabled:opacity-50\"\n            >\n              {inviting ? 'Inviting…' : 'Invite'}\n            </button>\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex flex-col gap-2 border-t border-[var(--border-default)] pt-3\">\n        <div className=\"flex items-center justify-between\">\n          <h4 className=\"text-xs font-semibold text-[var(--text-primary)]\">Invitation history</h4>\n          <span className=\"text-xs text-[var(--text-muted)]\">{invitations.length} total</span>\n        </div>\n        {invitations.length === 0 ? (\n          <p className=\"text-sm text-[var(--text-muted)]\">No invitations yet.</p>\n        ) : (\n          invitations.map((invitation) => (\n            <InvitationRow\n              key={invitation.id}\n              invitation={invitation}\n              canManage={canManage}\n              busy={busyId === invitation.id}\n              onCopy={() => void copyLink(invitation.inviteUrl)}\n              onResend={() => void resend(invitation.id)}\n              onRevoke={() => void revoke(invitation.id)}\n            />\n          ))\n        )}\n      </div>\n    </section>\n  )\n}\n\ninterface InvitationRowProps {\n  invitation: InvitationView\n  canManage: boolean\n  busy: boolean\n  onCopy(): void\n  onResend(): void\n  onRevoke(): void\n}\n\nfunction InvitationRow({ invitation, canManage, busy, onCopy, onResend, onRevoke }: InvitationRowProps) {\n  const isPending = invitation.status === 'pending'\n  const emailFailed = invitation.emailStatus === 'failed'\n  const expiry = new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  })\n\n  return (\n    <div className=\"rounded-lg border border-[var(--border-default)] bg-[var(--bg-input)] p-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">{invitation.email}</p>\n          <p className=\"text-xs text-[var(--text-muted)]\">\n            {capitalize(invitation.permissions)} · expires {expiry}\n          </p>\n          {emailFailed && (\n            <p className=\"mt-1 text-xs text-[var(--surface-danger-text)]\">Email was not sent — copy the link to share it.</p>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-2\">\n          <span className={`${BADGE_BASE} ${STATUS_BADGE[invitation.status]}`}>\n            {invitation.status}\n          </span>\n          <span className={`${BADGE_BASE} ${EMAIL_BADGE[invitation.emailStatus]}`}>\n            {invitation.emailStatus.replace('_', ' ')}\n          </span>\n        </div>\n      </div>\n      {canManage && isPending && (\n        <div className=\"mt-3 flex items-center justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCopy}\n            disabled={busy}\n            className=\"rounded border border-[var(--border-default)] px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50\"\n          >\n            Copy link\n          </button>\n          <button\n            type=\"button\"\n            onClick={onResend}\n            disabled={busy}\n            className=\"rounded border border-[var(--border-default)] px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50\"\n          >\n            {busy ? 'Working…' : 'Resend'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onRevoke}\n            disabled={busy}\n            className=\"rounded px-2 py-1 text-xs text-[var(--text-danger)] hover:bg-[var(--border-default)] disabled:opacity-50\"\n          >\n            Revoke\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAS,gBAAgB;AAsGf,cACA,YADA;AAhGV,IAAM,aAAa;AAGnB,IAAM,eAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAGA,IAAM,cAA6D;AAAA,EACjE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AACV;AAIA,SAAS,WAAW,MAAsB;AACxC,SAAO,KAAK,WAAW,IAAI,OAAO,KAAK,CAAC,EAAG,YAAY,IAAI,KAAK,MAAM,CAAC;AACzE;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,QAAQ;AACpE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AAExD,QAAM,YAAY,iBAAiB,aAAa,OAAO;AAEvD,WAAS,OAAO,MAA2B,SAAiB;AAC1D,eAAW,EAAE,MAAM,QAAQ,CAAC;AAAA,EAC9B;AAEA,iBAAe,eAAe;AAC5B,UAAM,QAAQ,YAAY,KAAK;AAC/B,QAAI,CAAC,SAAS,SAAU;AACxB,gBAAY,IAAI;AAChB,QAAI;AACF,YAAM,SAAS,EAAE,OAAO,MAAM,WAAW,CAAC;AAC1C,aAAO,WAAW,sBAAsB,KAAK,EAAE;AAC/C,qBAAe,EAAE;AAAA,IACnB,SAAS,KAAK;AACZ,aAAO,SAAS,eAAe,QAAQ,IAAI,UAAU,kBAAkB;AAAA,IACzE,UAAE;AACA,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF;AAEA,iBAAe,SAAS,WAAmB;AACzC,QAAI;AACF,UAAI,OAAQ,OAAM,OAAO,EAAE,UAAU,CAAC;AAAA,UACjC,OAAM,UAAU,UAAU,UAAU,SAAS;AAClD,aAAO,WAAW,oBAAoB;AAAA,IACxC,SAAS,KAAK;AACZ,aAAO,SAAS,eAAe,QAAQ,IAAI,UAAU,qBAAqB;AAAA,IAC5E;AAAA,EACF;AAEA,iBAAe,OAAO,cAAsB;AAC1C,cAAU,YAAY;AACtB,QAAI;AACF,YAAM,SAAS,EAAE,aAAa,CAAC;AAC/B,aAAO,WAAW,mBAAmB;AAAA,IACvC,SAAS,KAAK;AACZ,aAAO,SAAS,eAAe,QAAQ,IAAI,UAAU,6BAA6B;AAAA,IACpF,UAAE;AACA,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF;AAEA,iBAAe,OAAO,cAAsB;AAC1C,cAAU,YAAY;AACtB,QAAI;AACF,YAAM,SAAS,EAAE,aAAa,CAAC;AAC/B,aAAO,WAAW,oBAAoB;AAAA,IACxC,SAAS,KAAK;AACZ,aAAO,SAAS,eAAe,QAAQ,IAAI,UAAU,6BAA6B;AAAA,IACpF,UAAE;AACA,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF;AAEA,SACE,qBAAC,aAAQ,WAAU,uBAChB;AAAA,iBACC,qBAAC,SAAI,WAAU,yBACb;AAAA,0BAAC,WAAM,WAAU,gDAA+C,6BAAe;AAAA,MAC/E,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,cAAW;AAAA,YACX,UAAU,CAAC,UAAU,eAAe,MAAM,OAAO,KAAK;AAAA,YACtD,WAAW,CAAC,UAAU;AAAE,kBAAI,MAAM,QAAQ,QAAS,MAAK,aAAa;AAAA,YAAE;AAAA,YACvE,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,WAAU;AAAA,YACV,UAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,KAAK,aAAa;AAAA,YACjC,UAAU,YAAY,CAAC,YAAY,KAAK;AAAA,YACxC,WAAU;AAAA,YAET,qBAAW,mBAAc;AAAA;AAAA,QAC5B;AAAA,SACF;AAAA,OACF;AAAA,IAGF,qBAAC,SAAI,WAAU,oEACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,QAAG,WAAU,oDAAmD,gCAAkB;AAAA,QACnF,qBAAC,UAAK,WAAU,oCAAoC;AAAA,sBAAY;AAAA,UAAO;AAAA,WAAM;AAAA,SAC/E;AAAA,MACC,YAAY,WAAW,IACtB,oBAAC,OAAE,WAAU,oCAAmC,iCAAmB,IAEnE,YAAY,IAAI,CAAC,eACf;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,MAAM,WAAW,WAAW;AAAA,UAC5B,QAAQ,MAAM,KAAK,SAAS,WAAW,SAAS;AAAA,UAChD,UAAU,MAAM,KAAK,OAAO,WAAW,EAAE;AAAA,UACzC,UAAU,MAAM,KAAK,OAAO,WAAW,EAAE;AAAA;AAAA,QANpC,WAAW;AAAA,MAOlB,CACD;AAAA,OAEL;AAAA,KACF;AAEJ;AAWA,SAAS,cAAc,EAAE,YAAY,WAAW,MAAM,QAAQ,UAAU,SAAS,GAAuB;AACtG,QAAM,YAAY,WAAW,WAAW;AACxC,QAAM,cAAc,WAAW,gBAAgB;AAC/C,QAAM,SAAS,IAAI,KAAK,WAAW,SAAS,EAAE,mBAAmB,SAAS;AAAA,IACxE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,6EACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,4BAAC,OAAE,WAAU,2DAA2D,qBAAW,OAAM;AAAA,QACzF,qBAAC,OAAE,WAAU,oCACV;AAAA,qBAAW,WAAW,WAAW;AAAA,UAAE;AAAA,UAAY;AAAA,WAClD;AAAA,QACC,eACC,oBAAC,OAAE,WAAU,kDAAiD,kEAA+C;AAAA,SAEjH;AAAA,MACA,qBAAC,SAAI,WAAU,oCACb;AAAA,4BAAC,UAAK,WAAW,GAAG,UAAU,IAAI,aAAa,WAAW,MAAM,CAAC,IAC9D,qBAAW,QACd;AAAA,QACA,oBAAC,UAAK,WAAW,GAAG,UAAU,IAAI,YAAY,WAAW,WAAW,CAAC,IAClE,qBAAW,YAAY,QAAQ,KAAK,GAAG,GAC1C;AAAA,SACF;AAAA,OACF;AAAA,IACC,aAAa,aACZ,qBAAC,SAAI,WAAU,4CACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UAET,iBAAO,kBAAa;AAAA;AAAA,MACvB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/{chunk-65OZT566.js → chunk-7LJYCHXK.js}

@@ -278,6 +278,7 @@ var AlignRightGlyph = glyph(
 var BoldGlyph = glyph(/* @__PURE__ */ jsx3("path", { d: "M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z", fill: "currentColor", stroke: "none" }));
 var ItalicGlyph = glyph(/* @__PURE__ */ jsx3("path", { d: "M11 4h6M7 20h6M14 4 8 20" }));
 var PlusGlyph = glyph(/* @__PURE__ */ jsx3("path", { d: "M12 5v14M5 12h14" }));
+var MinusGlyph = glyph(/* @__PURE__ */ jsx3("path", { d: "M5 12h14" }));
 var ChevronDownGlyph = glyph(/* @__PURE__ */ jsx3("path", { d: "m6 9 6 6 6-6" }));
 var RectGlyph = glyph(/* @__PURE__ */ jsx3("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }));
 var EllipseGlyph = glyph(/* @__PURE__ */ jsx3("ellipse", { cx: "12", cy: "12", rx: "10", ry: "7" }));
@@ -298,8 +299,8 @@ var VideoGlyph = glyph(
 );
 var SlotGlyph = glyph(
   /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 1v4M12 19v4M4.2 4.2l2.8 2.8M17 17l2.8 2.8M1 12h4M19 12h4M4.2 19.8l2.8-2.8M17 7 19.8 4.2" })
+    /* @__PURE__ */ jsx3("path", { d: "M3 4h6.5l2.5 3.5L14.5 4H21v16H3z" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "14", r: "2" })
   ] })
 );
 var PageGlyph = glyph(
@@ -410,7 +411,7 @@ function PagesStrip({
   return /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 flex-col bg-[var(--bg-input)]", children: [
     label ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5 px-3 pt-1.5 text-[var(--text-muted)]", children: [
       /* @__PURE__ */ jsx5(PageGlyph, { className: "h-3 w-3" }),
-      /* @__PURE__ */ jsx5("span", { className: "text-[11px] font-semibold uppercase tracking-[0.05em]", children: label })
+      /* @__PURE__ */ jsx5("span", { className: "text-xs font-semibold uppercase tracking-[0.05em]", children: label })
     ] }) : null,
     /* @__PURE__ */ jsxs3(
       "div",
@@ -477,7 +478,7 @@ function PagesStrip({
                             ) : /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx5(PageGlyph, { className: "h-5 w-5 text-[var(--text-muted)]" }) })
                           }
                         ),
-                        /* @__PURE__ */ jsx5("span", { className: "max-w-[80px] truncate text-[11px] text-[var(--text-secondary)]", children: page.name })
+                        /* @__PURE__ */ jsx5("span", { className: "max-w-[80px] truncate text-xs text-[var(--text-secondary)]", children: page.name })
                       ]
                     }
                   ),
@@ -524,7 +525,7 @@ function PagesStrip({
               className: "flex h-[72px] w-[80px] shrink-0 flex-col items-center justify-center gap-1 rounded border border-dashed border-[var(--border-default)] text-[var(--text-muted)] transition hover:border-[var(--brand-primary)] hover:text-[var(--brand-primary)]",
               children: [
                 /* @__PURE__ */ jsx5(PlusGlyph, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx5("span", { className: "text-[11px]", children: "Add page" })
+                /* @__PURE__ */ jsx5("span", { className: "text-xs", children: "Add page" })
               ]
             }
           ) : null
@@ -881,7 +882,7 @@ function Popover({
     open ? children : null
   ] });
 }
-var FIELD_LABEL = "text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--text-muted)]";
+var FIELD_LABEL = "text-xs font-semibold uppercase tracking-[0.05em] text-[var(--text-muted)]";
 function NumberInput({
   label,
   value,
@@ -944,7 +945,7 @@ function SelectControl({
             className: `${buttonClassName} flex items-center justify-between gap-1 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-0.5 text-left text-xs text-[var(--text-primary)] hover:border-[var(--brand-primary)] disabled:cursor-default disabled:opacity-40`,
             children: [
               /* @__PURE__ */ jsx7("span", { className: "truncate", children: current?.label ?? value }),
-              /* @__PURE__ */ jsx7("span", { className: "text-[8px] text-[var(--text-muted)]", children: "\u25BE" })
+              /* @__PURE__ */ jsx7(ChevronDownGlyph, { className: "h-3 w-3 shrink-0 text-[var(--text-muted)]" })
             ]
           }
         ),
@@ -999,7 +1000,7 @@ function FontPicker({
             style: { fontFamily: value },
             children: [
               /* @__PURE__ */ jsx7("span", { className: "truncate", children: value }),
-              /* @__PURE__ */ jsx7("span", { className: "text-[8px] text-[var(--text-muted)]", children: "\u25BE" })
+              /* @__PURE__ */ jsx7(ChevronDownGlyph, { className: "h-3 w-3 shrink-0 text-[var(--text-muted)]" })
             ]
           }
         ),
@@ -1015,7 +1016,7 @@ function FontPicker({
               className: "m-1 rounded border border-[var(--border-default)] bg-transparent px-2 py-1 text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)]"
             }
           ),
-          /* @__PURE__ */ jsx7("div", { role: "listbox", className: "max-h-60 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "px-3 py-2 text-[11px] text-[var(--text-muted)]", children: "No matches" }) : filtered.map((family) => /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx7("div", { role: "listbox", className: "max-h-60 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "px-3 py-2 text-xs text-[var(--text-muted)]", children: "No matches" }) : filtered.map((family) => /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -1294,7 +1295,7 @@ function SelectionControls({
                     onBindSlot(slotInput.trim() || null);
                     setSlotPopoverOpen(false);
                   },
-                  className: "flex-1 rounded border border-[var(--brand-primary)] px-2 py-0.5 text-[11px] text-[var(--brand-primary)] hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)]",
+                  className: "flex-1 rounded border border-[var(--brand-primary)] px-2 py-0.5 text-xs text-[var(--brand-primary)] hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)]",
                   children: slotInput.trim() ? "Bind" : "Unbind"
                 }
               ),
@@ -1303,7 +1304,7 @@ function SelectionControls({
                 {
                   type: "button",
                   onClick: () => setSlotPopoverOpen(false),
-                  className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-[11px] text-[var(--text-secondary)]",
+                  className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-xs text-[var(--text-secondary)]",
                   children: "Cancel"
                 }
               )
@@ -1442,7 +1443,7 @@ function ImageControls({ element, canWrite, onPatch }) {
                   onPatch({ src: swapUrl.trim() });
                   setSwapOpen(false);
                 },
-                className: "flex-1 rounded border border-[var(--brand-primary)] px-2 py-0.5 text-[11px] text-[var(--brand-primary)] hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)] disabled:cursor-default disabled:opacity-40",
+                className: "flex-1 rounded border border-[var(--brand-primary)] px-2 py-0.5 text-xs text-[var(--brand-primary)] hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)] disabled:cursor-default disabled:opacity-40",
                 children: "Replace"
               }
             ),
@@ -1451,7 +1452,7 @@ function ImageControls({ element, canWrite, onPatch }) {
               {
                 type: "button",
                 onClick: () => setSwapOpen(false),
-                className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-[11px] text-[var(--text-secondary)]",
+                className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-xs text-[var(--text-secondary)]",
                 children: "Cancel"
               }
             )
@@ -1484,7 +1485,7 @@ function PagePropsControls({ page, canWrite, onSetPageProps, onSetPageGuides, pa
         value: page.name,
         disabled: !canWrite,
         onChange: (event) => onSetPageProps({ name: event.target.value }),
-        className: "w-28 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-0.5 text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)]"
+        className: "w-28 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-0.5 text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)] disabled:cursor-default disabled:opacity-40"
       }
     ),
     SEP,
@@ -1517,7 +1518,7 @@ function PagePropsControls({ page, canWrite, onSetPageProps, onSetPageGuides, pa
             if (event.key === "Enter") commitDimension("width", event.target.value);
             if (event.key === "Escape") setCustomW(null);
           },
-          className: "w-16 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)]"
+          className: "w-16 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)] disabled:cursor-default disabled:opacity-40"
         }
       )
     ] }),
@@ -1537,7 +1538,7 @@ function PagePropsControls({ page, canWrite, onSetPageProps, onSetPageGuides, pa
             if (event.key === "Enter") commitDimension("height", event.target.value);
             if (event.key === "Escape") setCustomH(null);
           },
-          className: "w-16 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)]"
+          className: "w-16 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-1 py-0.5 text-center text-xs text-[var(--text-primary)] focus:border-[var(--brand-primary)] disabled:cursor-default disabled:opacity-40"
         }
       )
     ] }),
@@ -1629,7 +1630,7 @@ function ZoomControls({ zoom, onZoom, onFit, fitLabel = "Fit to screen" }) {
         onClick: zoomOut,
         disabled: zoom <= MIN,
         className: BTN_SM,
-        children: /* @__PURE__ */ jsx8("span", { className: "text-base leading-none", children: "\u2212" })
+        children: /* @__PURE__ */ jsx8(MinusGlyph, { className: "h-3.5 w-3.5" })
       }
     ),
     /* @__PURE__ */ jsxs6(
@@ -1638,7 +1639,7 @@ function ZoomControls({ zoom, onZoom, onFit, fitLabel = "Fit to screen" }) {
         type: "button",
         "aria-label": "Reset to 100%",
         onClick: resetHundred,
-        className: "rounded px-1.5 py-0.5 font-mono text-[11px] tabular-nums text-[var(--text-secondary)] transition hover:bg-[var(--border-default)] hover:text-[var(--text-primary)]",
+        className: "rounded px-1.5 py-0.5 font-mono text-xs tabular-nums text-[var(--text-secondary)] transition hover:bg-[var(--border-default)] hover:text-[var(--text-primary)]",
         title: "Reset to 100%",
         children: [
           Math.round(zoom * 100),
@@ -1654,7 +1655,7 @@ function ZoomControls({ zoom, onZoom, onFit, fitLabel = "Fit to screen" }) {
         onClick: zoomIn,
         disabled: zoom >= MAX,
         className: BTN_SM,
-        children: /* @__PURE__ */ jsx8("span", { className: "text-sm leading-none", children: "+" })
+        children: /* @__PURE__ */ jsx8(PlusGlyph, { className: "h-3.5 w-3.5" })
       }
     )
   ] });
@@ -1671,6 +1672,7 @@ var SCALES = [
   { value: 1, label: "1x" },
   { value: 2, label: "2x" }
 ];
+var FIELD_LABEL2 = "text-xs font-semibold uppercase tracking-[0.05em] text-[var(--text-muted)]";
 function ExportControl({ defaults, onExport, className }) {
   const [open, setOpen] = useState4(false);
   const [format, setFormat] = useState4(defaults?.format ?? "png");
@@ -1715,28 +1717,28 @@ function ExportControl({ defaults, onExport, className }) {
         className: "absolute right-0 top-full z-50 mt-1 flex w-52 flex-col gap-3 rounded-md border border-[var(--card-edge)] bg-[hsl(var(--popover))] p-3 shadow-[var(--shadow-overlay)]",
         children: [
           /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx9("span", { className: "text-[11px] font-medium text-[var(--text-muted)]", children: "Format" }),
+            /* @__PURE__ */ jsx9("span", { className: FIELD_LABEL2, children: "Format" }),
             /* @__PURE__ */ jsx9("div", { className: "flex gap-1.5", children: FORMATS.map((f) => /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
                 "aria-pressed": format === f.id,
                 onClick: () => setFormat(f.id),
-                className: `flex-1 rounded border px-2 py-1 text-[11px] transition-colors ${format === f.id ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-[var(--border-default)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
+                className: `flex-1 rounded border px-2 py-1 text-xs transition-colors ${format === f.id ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-[var(--border-default)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
                 children: f.label
               },
               f.id
             )) })
           ] }),
           /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx9("span", { className: "text-[11px] font-medium text-[var(--text-muted)]", children: "Scale" }),
+            /* @__PURE__ */ jsx9("span", { className: FIELD_LABEL2, children: "Scale" }),
             /* @__PURE__ */ jsx9("div", { className: "flex gap-1.5", children: SCALES.map((s) => /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
                 "aria-pressed": pixelRatio === s.value,
                 onClick: () => setPixelRatio(s.value),
-                className: `flex-1 rounded border px-2 py-1 text-[11px] transition-colors ${pixelRatio === s.value ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-[var(--border-default)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
+                className: `flex-1 rounded border px-2 py-1 text-xs transition-colors ${pixelRatio === s.value ? "border-[var(--brand-primary)] text-[var(--brand-primary)]" : "border-[var(--border-default)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
                 children: s.label
               },
               s.value
@@ -1748,7 +1750,7 @@ function ExportControl({ defaults, onExport, className }) {
               type: "button",
               "aria-label": "Export image",
               onClick: confirm,
-              className: "rounded border border-[var(--brand-primary)] px-2 py-1 text-[11px] font-medium text-[var(--brand-primary)] transition-colors hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)]",
+              className: "rounded border border-[var(--brand-primary)] px-2 py-1 text-xs font-medium text-[var(--brand-primary)] transition-colors hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)]",
               children: "Export"
             }
           )
@@ -2052,7 +2054,7 @@ function DesignCanvas({
   }, [activePage, editorState.selectedElementIds]);
   const review = mode === "review";
   if (!activePage) {
-    return /* @__PURE__ */ jsx10("div", { className: `flex h-full items-center justify-center bg-[var(--bg-input)] text-[var(--text-muted)] ${className ?? ""}`, children: "No pages in document" });
+    return /* @__PURE__ */ jsx10("div", { className: `flex h-full items-center justify-center bg-[var(--bg-input)] ${className ?? ""}`, children: /* @__PURE__ */ jsx10("p", { className: "text-xs text-[var(--text-muted)]", children: "This document has no pages." }) });
   }
   const bleedScreen = editorState.showBleed && activePage.bleed ? {
     top: activePage.bleed.top * editorState.zoom,
@@ -2126,7 +2128,7 @@ function DesignCanvas({
         /* @__PURE__ */ jsx10(BrandKnot, { size: 32, className: "shrink-0" }),
         /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx10("p", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Best edited on a larger screen" }),
-          /* @__PURE__ */ jsx10("p", { className: "text-xs leading-5 text-[var(--text-secondary)]", children: "The design canvas needs room to work. Open this on a tablet or desktop to edit pages, elements, and export." })
+          /* @__PURE__ */ jsx10("p", { className: "text-xs leading-5 text-[var(--text-secondary)]", children: "Open this on a tablet or desktop to edit and export." })
         ] })
       ] }),
       /* @__PURE__ */ jsxs8("div", { className: `relative hidden min-h-0 flex-1 sm:block ${editorState.showRulers ? "pl-[20px] pt-[20px]" : ""}`, children: [
@@ -2259,4 +2261,4 @@ export {
   ExportControl,
   DesignCanvas
 };
-//# sourceMappingURL=chunk-65OZT566.js.map
+//# sourceMappingURL=chunk-7LJYCHXK.js.map