@the-portland-company/shell 0.93.0 → 0.95.0

package/dist/chunk-BMR5WAWH.js

@@ -0,0 +1,111 @@
+import { useState, useEffect } from 'react';
+
+// src/lib/brandFavicon.ts
+function parseCssUrl(value) {
+  if (!value) return null;
+  const m = /^url\(\s*(['"]?)(.*?)\1\s*\)$/i.exec(value.trim());
+  const url = m?.[2]?.trim();
+  return url && /^https:\/\//i.test(url) ? url : null;
+}
+function readBrandAsset(kind) {
+  if (typeof document === "undefined") return null;
+  try {
+    return parseCssUrl(
+      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`)
+    );
+  } catch {
+    return null;
+  }
+}
+var EMPTY = { logoHorizontal: null, logoSquare: null };
+var RETRY_MS = [0, 250, 1e3, 3e3];
+function useBrandAssets() {
+  const [assets, setAssets] = useState(EMPTY);
+  useEffect(() => {
+    let done = false;
+    const read = () => {
+      if (done) return;
+      const next = {
+        logoHorizontal: readBrandAsset("logo-horizontal"),
+        logoSquare: readBrandAsset("logo-square")
+      };
+      setAssets(
+        (prev) => prev.logoHorizontal === next.logoHorizontal && prev.logoSquare === next.logoSquare ? prev : next
+      );
+    };
+    const links = Array.from(
+      document.querySelectorAll('link[rel="stylesheet"][href*="api/tokens"]')
+    );
+    links.forEach((l) => l.addEventListener("load", read));
+    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms));
+    read();
+    return () => {
+      done = true;
+      links.forEach((l) => l.removeEventListener("load", read));
+      timers.forEach((t) => window.clearTimeout(t));
+    };
+  }, []);
+  return assets;
+}
+
+// src/lib/brandFavicon.ts
+var BRAND_FAVICON_LINK_ID = "politogy-brand-favicon";
+var BRAND_APPLE_ICON_LINK_ID = "politogy-brand-apple-icon";
+function upsertLink(id, rel, href) {
+  let link = document.getElementById(id);
+  if (!link) {
+    link = document.createElement("link");
+    link.id = id;
+    link.rel = rel;
+  }
+  if (link.getAttribute("href") !== href) link.href = href;
+  const icons = document.head.querySelectorAll(`link[rel~="${rel.split(" ")[0]}"]`);
+  if (icons[icons.length - 1] !== link) document.head.appendChild(link);
+}
+function applyBrandFavicon() {
+  if (typeof document === "undefined") return false;
+  const favicon = readBrandAsset("favicon");
+  if (!favicon) return false;
+  upsertLink(BRAND_FAVICON_LINK_ID, "icon", favicon);
+  const apple = readBrandAsset("apple-icon");
+  if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, "apple-touch-icon", apple);
+  return true;
+}
+var RETRY_MS2 = [0, 250, 1e3, 3e3];
+function watchBrandFavicon() {
+  if (typeof document === "undefined") return () => {
+  };
+  let done = false;
+  const apply = () => {
+    if (!done) applyBrandFavicon();
+  };
+  const sheets = /* @__PURE__ */ new Set();
+  const listen = () => {
+    document.querySelectorAll('link[rel="stylesheet"][href*="api/tokens"]').forEach((l) => {
+      if (sheets.has(l)) return;
+      sheets.add(l);
+      l.addEventListener("load", apply);
+    });
+  };
+  listen();
+  const timers = RETRY_MS2.map((ms) => window.setTimeout(apply, ms));
+  const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
+    listen();
+    apply();
+  });
+  observer?.observe(document.head, { childList: true });
+  return () => {
+    done = true;
+    sheets.forEach((l) => l.removeEventListener("load", apply));
+    timers.forEach((t) => window.clearTimeout(t));
+    observer?.disconnect();
+  };
+}
+function BrandFavicon() {
+  useEffect(() => watchBrandFavicon(), []);
+  return null;
+}
+
+export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, useBrandAssets, watchBrandFavicon };
+//# sourceMappingURL=chunk-BMR5WAWH.js.map
+//# sourceMappingURL=chunk-BMR5WAWH.js.map

package/dist/chunk-BMR5WAWH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/brandAssets.ts","../src/lib/brandFavicon.ts"],"names":["RETRY_MS","useEffect"],"mappings":"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","file":"chunk-BMR5WAWH.js","sourcesContent":["// Brand assets — logo URLs read at RUNTIME from the Brand token sheet.\n//\n// Brand guideline \"Logo standard: use the uploaded Brand assets as-is\": apps\n// (and the shell) never bundle their own copy of a logo; they read the URLs\n// from the Brand `assets` group. `/api/tokens?format=css` emits each set asset\n// as `--asset-<kebab>: url(\"…\")` on `:root`, and every app already loads that\n// sheet at runtime (see ../runtime-tokens.ts), so the rail logo is resolved\n// from the same live sheet as every other chrome value — a Brand upload swaps\n// the logo in every app without a deploy, and there is nothing to fall back to\n// that could drift.\n\n'use client'\n\nimport { useEffect, useState } from 'react'\n\n/** Brand `assets` keys the chrome renders, by their `--asset-<kebab>` name. */\nexport type BrandAssetKind = 'logo-horizontal' | 'logo-square' | 'favicon' | 'apple-icon'\n\n/** `url(\"https://…\")` / `url(https://…)` → the bare https URL, else null. */\nexport function parseCssUrl(value: string | null | undefined): string | null {\n  if (!value) return null\n  const m = /^url\\(\\s*(['\"]?)(.*?)\\1\\s*\\)$/i.exec(value.trim())\n  const url = m?.[2]?.trim()\n  return url && /^https:\\/\\//i.test(url) ? url : null\n}\n\n/** One Brand asset URL from the live token sheet, or null while it is unset. */\nexport function readBrandAsset(kind: BrandAssetKind): string | null {\n  if (typeof document === 'undefined') return null\n  try {\n    return parseCssUrl(\n      window.getComputedStyle(document.documentElement).getPropertyValue(`--asset-${kind}`),\n    )\n  } catch {\n    return null\n  }\n}\n\nexport type BrandAssets = {\n  /** `assets.logoHorizontal` — the all-white lockup at the top of the rail. */\n  logoHorizontal: string | null\n  /** `assets.logoSquare` — the all-white vrm tile on the collapsed rail. */\n  logoSquare: string | null\n}\n\nconst EMPTY: BrandAssets = { logoHorizontal: null, logoSquare: null }\n\n// The token sheet is a <link> the app appends at startup, so it may still be\n// in flight on first paint. Re-read when it loads, and a few times after, to\n// cover a link that is inserted after this effect ran.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * The Brand logo URLs, resolved after mount (null on the server and until the\n * runtime token sheet has loaded). Callers reserve the logo's box and draw\n * nothing while a value is null — never a stand-in image.\n */\nexport function useBrandAssets(): BrandAssets {\n  const [assets, setAssets] = useState<BrandAssets>(EMPTY)\n  useEffect(() => {\n    let done = false\n    const read = () => {\n      if (done) return\n      const next = {\n        logoHorizontal: readBrandAsset('logo-horizontal'),\n        logoSquare: readBrandAsset('logo-square'),\n      }\n      setAssets((prev) =>\n        prev.logoHorizontal === next.logoHorizontal && prev.logoSquare === next.logoSquare\n          ? prev\n          : next,\n      )\n    }\n    const links = Array.from(\n      document.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]'),\n    )\n    links.forEach((l) => l.addEventListener('load', read))\n    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms))\n    read()\n    return () => {\n      done = true\n      links.forEach((l) => l.removeEventListener('load', read))\n      timers.forEach((t) => window.clearTimeout(t))\n    }\n  }, [])\n  return assets\n}\n","// Browser-tab icon — Brand `assets.favicon` read at RUNTIME from the Brand\n// token sheet, the same way the rail logo is (./brandAssets).\n//\n// `politogyAppIcons()` (../app-icons) resolves the icon on the SERVER from\n// specs.politogyvrm.com/api/icons/<app>. In production that request comes from\n// a Worker, not a browser, and Cloudflare's bot check answers it with a\n// challenge page, so the metadata comes back with no icon and the tab shows the\n// browser default (or an app's leftover Next.js `favicon.ico` triangle). The\n// token sheet, by contrast, is loaded by the BROWSER in every app, and emits\n// `--asset-favicon` / `--asset-apple-icon` from Brand `assets.*`. Reading those\n// gives every app the Brand's VRM tile with no static file in any repo (Global\n// Rules → App Icons) and no extra request.\n//\n// The link carries a fixed id and is kept the LAST icon link in <head>, so a\n// stale icon from metadata or an old static file never wins over the Brand's.\n\n'use client'\n\nimport { useEffect } from 'react'\n\nimport { readBrandAsset } from './brandAssets'\n\nexport const BRAND_FAVICON_LINK_ID = 'politogy-brand-favicon'\nexport const BRAND_APPLE_ICON_LINK_ID = 'politogy-brand-apple-icon'\n\nfunction upsertLink(id: string, rel: string, href: string): void {\n  let link = document.getElementById(id) as HTMLLinkElement | null\n  if (!link) {\n    link = document.createElement('link')\n    link.id = id\n    link.rel = rel\n  }\n  if (link.getAttribute('href') !== href) link.href = href\n  // Last icon link in <head> wins. Re-appending an already-last node is a no-op\n  // for the browser, so only move it when something was added after it.\n  const icons = document.head.querySelectorAll(`link[rel~=\"${rel.split(' ')[0]}\"]`)\n  if (icons[icons.length - 1] !== link) document.head.appendChild(link)\n}\n\n/**\n * Point the tab icon (and the iOS home-screen icon) at the Brand's uploaded\n * assets. Returns true once the favicon was set; false while the token sheet\n * has not defined `--asset-favicon` yet. Never draws a stand-in.\n */\nexport function applyBrandFavicon(): boolean {\n  if (typeof document === 'undefined') return false\n  const favicon = readBrandAsset('favicon')\n  if (!favicon) return false\n  upsertLink(BRAND_FAVICON_LINK_ID, 'icon', favicon)\n  const apple = readBrandAsset('apple-icon')\n  if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, 'apple-touch-icon', apple)\n  return true\n}\n\n// The token sheet is a <link> the app appends at startup, so it may still be in\n// flight on first paint. Re-read when it loads and a few times after.\nconst RETRY_MS = [0, 250, 1000, 3000]\n\n/**\n * Apply the Brand favicon now and keep it applied: on token sheet load, on a\n * few retries, and whenever <head> changes (a client navigation can re-insert\n * metadata icon links after ours). Returns a cleanup function.\n */\nexport function watchBrandFavicon(): () => void {\n  if (typeof document === 'undefined') return () => {}\n  let done = false\n  const apply = () => {\n    if (!done) applyBrandFavicon()\n  }\n  // A token sheet inserted after mount is picked up by the observer below.\n  const sheets = new Set<HTMLLinkElement>()\n  const listen = () => {\n    document\n      .querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"][href*=\"api/tokens\"]')\n      .forEach((l) => {\n        if (sheets.has(l)) return\n        sheets.add(l)\n        l.addEventListener('load', apply)\n      })\n  }\n  listen()\n  const timers = RETRY_MS.map((ms) => window.setTimeout(apply, ms))\n  const observer =\n    typeof MutationObserver === 'undefined'\n      ? null\n      : new MutationObserver(() => {\n          listen()\n          apply()\n        })\n  observer?.observe(document.head, { childList: true })\n  return () => {\n    done = true\n    sheets.forEach((l) => l.removeEventListener('load', apply))\n    timers.forEach((t) => window.clearTimeout(t))\n    observer?.disconnect()\n  }\n}\n\n/** Renders nothing; sets the Brand favicon after mount. PolitogyAppFrame renders it. */\nexport function BrandFavicon(): null {\n  useEffect(() => watchBrandFavicon(), [])\n  return null\n}\n"]}

package/dist/{chunk-Y66PVCZO.js → chunk-JQ53VZO5.js}

@@ -27,6 +27,71 @@ function Card({
     }
   );
 }
+var SETTINGS_ORIGIN = "https://settings.politogyvrm.com";
+var WALLET_PATH = "/organization-settings/subscription-billing/wallet";
+function aiCreditsWalletUrl(orgId) {
+  const url = new URL(WALLET_PATH, SETTINGS_ORIGIN);
+  if (orgId) url.searchParams.set("org", orgId);
+  return url.toString();
+}
+var AI_CREDITS_STATE_TITLES = {
+  out: "Out of AI Credits",
+  paused: "Paused \u2014 out of AI Credits",
+  waiting: "Waiting for AI Credits"
+};
+var MUTED = { color: "var(--color-text-muted, #6b7280)" };
+var BUTTON = {
+  display: "inline-block",
+  borderRadius: 6,
+  padding: "6px 12px",
+  fontSize: 12,
+  fontWeight: 600,
+  textDecoration: "none"
+};
+var PRIMARY = { ...BUTTON, background: "var(--color-text, #2F3136)", color: "#fff" };
+var SECONDARY = {
+  ...BUTTON,
+  border: "1px solid var(--color-border, #e5e7eb)",
+  color: "var(--color-text, #2F3136)"
+};
+var defaultFormat = (at) => at.toLocaleString(void 0, { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" });
+function detail(kind, lastOutputAt, format) {
+  if (kind === "paused") return lastOutputAt ? `Last updated ${format(lastOutputAt)}.` : "Nothing has been generated yet.";
+  if (kind === "waiting") return "This step is kept and starts on its own once AI Credits are added.";
+  return null;
+}
+function AiCreditsState({
+  kind,
+  orgId,
+  isAccountAdmin,
+  lastOutputAt,
+  onCheckAgain,
+  formatTime = defaultFormat,
+  className,
+  style
+}) {
+  const at = lastOutputAt == null ? null : lastOutputAt instanceof Date ? lastOutputAt : new Date(lastOutputAt);
+  const last = at && !Number.isNaN(at.getTime()) ? at : null;
+  const text = detail(kind, last, formatTime);
+  const wallet = aiCreditsWalletUrl(orgId);
+  return /* @__PURE__ */ jsxs("div", { role: "status", "data-ai-credits-state": kind, className, style: { fontSize: 14, ...style }, children: [
+    /* @__PURE__ */ jsx("p", { style: { margin: 0, fontWeight: 600 }, children: AI_CREDITS_STATE_TITLES[kind] }),
+    text && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", ...MUTED }, children: text }),
+    isAccountAdmin ? /* @__PURE__ */ jsxs("div", { style: { marginTop: 8, display: "flex", flexWrap: "wrap", gap: 8 }, children: [
+      /* @__PURE__ */ jsx("a", { href: wallet, style: PRIMARY, children: "Buy AI Credits" }),
+      /* @__PURE__ */ jsx("a", { href: wallet, style: SECONDARY, children: "Turn on auto top-off" })
+    ] }) : /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", ...MUTED }, children: "Ask an Account Admin to add AI Credits." }),
+    onCheckAgain && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onCheckAgain,
+        style: { marginTop: 8, padding: 0, border: 0, background: "none", fontSize: 12, textDecoration: "underline", cursor: "pointer", ...MUTED },
+        children: "Check again"
+      }
+    )
+  ] });
+}
 function FormColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { "data-shell-form-column": "", className: clsx2("w-full max-w-[960px]", className), children });
 }
@@ -2381,6 +2446,6 @@ function BreadcrumbBarView({
   );
 }
 
-export { BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
-//# sourceMappingURL=chunk-Y66PVCZO.js.map
-//# sourceMappingURL=chunk-Y66PVCZO.js.map
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, BreadcrumbBarView, CORE_APP_ORIGIN, CORE_BILLING_PATH, CREDIT_TYPE_LABELS, CREDIT_TYPE_ORDER, Card, CreditsAction, FormColumn, FuelAction, HeaderTabBar, KNOWN_TAB_GLYPHS, NAV_DISPLAY_OPTIONS, NavChromeProvider, NavDisplayAction, NavThemeControl, NotificationsAction, PageHeaderView, SPECS_ORIGIN, SpecOverlayAction, SpeculationRulesScript, SupportAction, TOPBAR_GLYPH_SIZE, TopBarCountBadge, TopBarPanelArrow, TopBarPopover, TopBarTooltip, TopBarWidgetSlot, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, creditGaugeRatio, creditStateWord, creditTooltipLine, creditsAriaLabel, creditsIconState, emptyNotificationsFeed, normalizeNotificationsFeed, resolveBrandGlyph, resolveOrgLogoUrl, resolveTabGlyph, topBarIconButtonClass, useChromeMe, useChromeOrgs, useNavChromeDedupedFetch, useNavChromeFetcher, useThemePreference, useTopBarIconSlotGlyph, warnDeprecated };
+//# sourceMappingURL=chunk-JQ53VZO5.js.map
+//# sourceMappingURL=chunk-JQ53VZO5.js.map