@vibes.diy/base 14.1.53 → 14.1.55

package/components/PromiseStrip.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type PromiseRowKey = "backend" | "access";
+export type PromiseRowState = "owed" | "running" | "failed";
+export interface PromiseRow {
+    readonly key: PromiseRowKey;
+    readonly state: PromiseRowState;
+    readonly text: string;
+}
+export interface PromiseStripProps {
+    readonly rows: readonly PromiseRow[];
+    readonly onRetry: (key: PromiseRowKey) => void;
+}
+export declare function PromiseStrip({ rows, onRetry }: PromiseStripProps): React.JSX.Element | null;

package/components/PromiseStrip.js

@@ -0,0 +1,17 @@
+import React from "react";
+const ROW_CLASS = "flex min-w-0 items-center gap-2 rounded-md px-3 py-2 text-left text-sm font-medium " +
+    "border border-amber-300 bg-amber-50 text-amber-900 " +
+    "dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200";
+function Glyph() {
+    return (React.createElement("span", { "aria-hidden": true, className: "shrink-0 text-amber-500 dark:text-amber-300" }, "\u2726"));
+}
+export function PromiseStrip({ rows, onRetry }) {
+    if (rows.length === 0)
+        return null;
+    return (React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "promise-strip" }, rows.map((row) => row.state === "failed" ? (React.createElement("button", { key: row.key, type: "button", "data-testid": `promise-strip-retry-${row.key}`, onClick: () => onRetry(row.key), className: ROW_CLASS + " transition-colors cursor-pointer hover:bg-amber-100 dark:hover:bg-amber-500/20" },
+        React.createElement(Glyph, null),
+        React.createElement("span", { className: "min-w-0 flex-1" }, row.text))) : (React.createElement("div", { key: row.key, role: "status", "data-testid": `promise-strip-${row.key}`, className: ROW_CLASS },
+        React.createElement(Glyph, null),
+        React.createElement("span", { className: "min-w-0 flex-1" }, row.text))))));
+}
+//# sourceMappingURL=PromiseStrip.js.map

package/components/PromiseStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromiseStrip.js","sourceRoot":"","sources":["../../jsr/components/PromiseStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,MAAM,SAAS,GACb,qFAAqF;IACrF,qDAAqD;IACrD,mEAAmE,CAAC;AAEtE,SAAS,KAAK;IACZ,OAAO,CACL,mDAAkB,SAAS,EAAC,6CAA6C,aAElE,CACR,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAqB;IAC/D,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB,iBAAa,eAAe,IAC7D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAChB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvB,gCACE,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,IAAI,EAAC,QAAQ,iBACA,uBAAuB,GAAG,CAAC,GAAG,EAAE,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAC/B,SAAS,EAAE,SAAS,GAAG,iFAAiF;QAExG,oBAAC,KAAK,OAAG;QACT,8BAAM,SAAS,EAAC,gBAAgB,IAAE,GAAG,CAAC,IAAI,CAAQ,CAC3C,CACV,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,EAAC,QAAQ,iBAAc,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,SAAS;QAC5F,oBAAC,KAAK,OAAG;QACT,8BAAM,SAAS,EAAC,gBAAgB,IAAE,GAAG,CAAC,IAAI,CAAQ,CAC9C,CACP,CACF,CACG,CACP,CAAC;AACJ,CAAC"}

package/components/index.d.ts

@@ -21,7 +21,7 @@ export * from "./OnboardingOverlay.js";
 export * from "./HandleLookupView.js";
 export * from "./UnifiedVibeCard.js";
 export * from "./SeedDataOffer.js";
-export * from "./UpgradeChips.js";
+export * from "./PromiseStrip.js";
 export * from "./EditorTabStrip.js";
 export * from "./StyleControls.js";
 export * from "./LayoutControls.js";

package/components/index.js

@@ -21,7 +21,7 @@ export * from "./OnboardingOverlay.js";
 export * from "./HandleLookupView.js";
 export * from "./UnifiedVibeCard.js";
 export * from "./SeedDataOffer.js";
-export * from "./UpgradeChips.js";
+export * from "./PromiseStrip.js";
 export * from "./EditorTabStrip.js";
 export * from "./StyleControls.js";
 export * from "./LayoutControls.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/base",
-  "version": "14.1.53",
+  "version": "14.1.55",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -10,9 +10,9 @@
   "dependencies": {
     "@adviser/cement": "~0.5.34",
     "@emotion/css": "~11.13.5",
-    "@vibes.diy/use-vibes-types": "14.1.53",
-    "@vibes.diy/vibe-runtime": "14.1.53",
-    "@vibes.diy/vibe-types": "14.1.53",
+    "@vibes.diy/use-vibes-types": "14.1.55",
+    "@vibes.diy/vibe-runtime": "14.1.55",
+    "@vibes.diy/vibe-types": "14.1.55",
     "officeparser": "~7.8.0",
     "qrcode-generator": "~2.0.4",
     "react": "~19.2.8"

package/components/UpgradeChips.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export type UpgradeChipKey = "backend" | "access";
-export interface UpgradeChip {
-    readonly key: UpgradeChipKey;
-    readonly label: string;
-}
-export interface UpgradeChipsProps {
-    readonly chips: readonly UpgradeChip[];
-    readonly onSelect: (key: UpgradeChipKey) => void;
-    readonly onDismiss: (key: UpgradeChipKey) => void;
-}
-export declare function UpgradeChips({ chips, onSelect, onDismiss }: UpgradeChipsProps): React.JSX.Element | null;

package/components/UpgradeChips.js

@@ -1,15 +0,0 @@
-import React from "react";
-export function UpgradeChips({ chips, onSelect, onDismiss }) {
-    if (chips.length === 0)
-        return null;
-    return (React.createElement("div", { className: "flex flex-col gap-2", "data-testid": "upgrade-chips" }, chips.map((chip) => (React.createElement("div", { key: chip.key, className: "flex items-stretch gap-1.5" },
-        React.createElement("button", { type: "button", "data-testid": `upgrade-chip-${chip.key}`, onClick: () => onSelect(chip.key), className: "flex min-w-0 flex-1 items-center gap-2 rounded-md px-3 py-2 text-left text-sm font-medium transition-colors " +
-                "border border-amber-300 bg-amber-50 text-amber-900 hover:bg-amber-100 cursor-pointer " +
-                "dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200 dark:hover:bg-amber-500/20" },
-            React.createElement("span", { "aria-hidden": true, className: "shrink-0 text-amber-500 dark:text-amber-300" }, "\u2726"),
-            React.createElement("span", { className: "min-w-0 flex-1" }, chip.label)),
-        React.createElement("button", { type: "button", "aria-label": `Dismiss: ${chip.label}`, "data-testid": `upgrade-chip-dismiss-${chip.key}`, onClick: () => onDismiss(chip.key), className: "flex shrink-0 items-center justify-center rounded-md px-2 text-base leading-none transition-opacity cursor-pointer " +
-                "border border-amber-300 bg-amber-50 text-amber-700 opacity-60 hover:opacity-100 " +
-                "dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-300" }, "\u00D7"))))));
-}
-//# sourceMappingURL=UpgradeChips.js.map

package/components/UpgradeChips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UpgradeChips.js","sourceRoot":"","sources":["../../jsr/components/UpgradeChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAqB;IAC5E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB,iBAAa,eAAe,IAC7D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,6BAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,EAAC,4BAA4B;QACxD,gCACE,IAAI,EAAC,QAAQ,iBACA,gBAAgB,IAAI,CAAC,GAAG,EAAE,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EACjC,SAAS,EACP,8GAA8G;gBAC9G,uFAAuF;gBACvF,8FAA8F;YAGhG,mDAAkB,SAAS,EAAC,6CAA6C,aAElE;YACP,8BAAM,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC7C;QACT,gCACE,IAAI,EAAC,QAAQ,gBACD,YAAY,IAAI,CAAC,KAAK,EAAE,iBACvB,wBAAwB,IAAI,CAAC,GAAG,EAAE,EAC/C,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,SAAS,EACP,qHAAqH;gBACrH,kFAAkF;gBAClF,mEAAmE,aAI9D,CACL,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}