@ag2/weave 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# [0.3.0](https://github.com/ag2-space/weave/compare/v0.2.0...v0.3.0) (2026-09-14)
+
+### Features
+
+- **current:** the Current design-system layer and CurrentReviewCard, ported from the web client ([231ce4c](https://github.com/ag2-space/weave/commit/231ce4c6d471c12ea1045d1f2cd27795263c63c4))
+
 # [0.2.0](https://github.com/ag2-space/weave/compare/v0.1.0...v0.2.0) (2026-09-13)
 
 ### Features

package/README.md

@@ -1,5 +1,7 @@
 # Weave
 
+**Storybook:** https://ag2-space.github.io/weave/ — every branch gets its own at `https://ag2-space.github.io/weave/<branch>/`.
+
 The AG2 Space design system. Forked from [folds](https://github.com/cinnyapp/folds) 2.6.2 (Apache-2.0); `@ag2/weave@0.1.0` is folds@2.6.2 under the new name.
 
 <!-- original folds README follows -->

package/dist/components/index.d.ts

@@ -44,3 +44,4 @@ export * from "./compose-icon";
 export * from "./splash-screen";
 export * from "./starfield";
 export * from "./page";
+export * from "./review-card";

package/dist/components/review-card/CurrentReviewCard.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import { ReviewCardData } from "./types";
+export declare type ReviewMember = {
+    id: string;
+    name: string;
+    isSelf?: boolean;
+};
+/** Presentation only: actions and identity resolution stay with the room adapter. */
+export declare function CurrentReviewCard({ authorLogin, owned, review, actions, members, }: {
+    authorLogin?: string;
+    owned?: boolean;
+    review: ReviewCardData;
+    actions?: ReactNode;
+    members?: ReviewMember[];
+}): JSX.Element;

package/dist/components/review-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CurrentReviewCard";
+export * from "./types";

package/dist/components/review-card/types.d.ts

@@ -0,0 +1,24 @@
+export declare type ReviewFinding = {
+    id: string;
+    severity: "high" | "medium" | "low" | "info";
+    title: string;
+    description: string;
+    location?: {
+        path: string;
+        line: number;
+    } | null;
+    requested_change?: string | null;
+};
+export declare type ReviewCardData = {
+    pr_author?: string;
+    repo: string;
+    number: number;
+    title?: string;
+    url?: string;
+    publisher: string;
+    reviewed_commit: string;
+    freshness: "current" | "outdated" | "unknown";
+    verdict: "approve" | "request_changes" | "comment";
+    summary: string;
+    findings: ReviewFinding[];
+};

package/dist/current/ActionGroup.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from "./Icon";
+export declare type CurrentAction = {
+    id: string;
+    label: string;
+    title?: string;
+    icon: IconName;
+    primary?: boolean;
+    onClick: () => void;
+};
+export declare function ActionGroup({ actions, hint }: {
+    actions: CurrentAction[];
+    hint: string;
+}): JSX.Element;

package/dist/current/CurrentProvider.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import { AccentPalette, Appearance } from "./palette";
+/** No DOM or global styles: only opted-in boundaries adopt the new appearance. */
+export declare function CurrentProvider({ mode, accent, children, }: {
+    mode: Appearance;
+    accent?: AccentPalette;
+    children: ReactNode;
+}): JSX.Element;
+/** Future user palette selection supplies one complete light/dark AccentPalette here. */
+export declare function CurrentBoundary({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): JSX.Element;

package/dist/current/Disclosure.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+/** Animate from the visible height, including when a user reverses mid-transition. */
+export declare function Disclosure({ open, id, children, }: {
+    open: boolean;
+    id: string;
+    children: ReactNode;
+}): JSX.Element;

package/dist/current/Icon.d.ts

@@ -0,0 +1,18 @@
+declare const paths: {
+    readonly "comment-bold": "M172,108a12,12,0,0,1-12,12H96a12,12,0,0,1,0-24h64A12,12,0,0,1,172,108Zm-12,28H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24Zm76-8A108,108,0,0,1,78.77,224.15L46.34,235A20,20,0,0,1,21,209.66l10.81-32.43A108,108,0,1,1,236,128Zm-24,0A84,84,0,1,0,55.27,170.06a12,12,0,0,1,1,9.81l-9.93,29.79,29.79-9.93a12.1,12.1,0,0,1,3.8-.62,12,12,0,0,1,6,1.62A84,84,0,0,0,212,128Z";
+    readonly chevron: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z";
+    readonly check: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z";
+    readonly warning: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm-12-80V80a12,12,0,0,1,24,0v52a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,172Z";
+    readonly comment: "M168,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,112Zm-8,24H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm72-8A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z";
+    readonly agent: "M200,48H136V16a8,8,0,0,0-16,0V48H56A32,32,0,0,0,24,80V192a32,32,0,0,0,32,32H200a32,32,0,0,0,32-32V80A32,32,0,0,0,200,48Zm16,144a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V80A16,16,0,0,1,56,64H200a16,16,0,0,1,16,16Zm-52-56H92a28,28,0,0,0,0,56h72a28,28,0,0,0,0-56Zm-24,16v24H116V152ZM80,164a12,12,0,0,1,12-12h8v24H92A12,12,0,0,1,80,164Zm84,12h-8V152h8a12,12,0,0,1,0,24ZM72,108a12,12,0,1,1,12,12A12,12,0,0,1,72,108Zm88,0a12,12,0,1,1,12,12A12,12,0,0,1,160,108Z";
+    readonly people: "M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z";
+    readonly "pull-request": "M104,64A32,32,0,1,0,64,95v66a32,32,0,1,0,16,0V95A32.06,32.06,0,0,0,104,64ZM56,64A16,16,0,1,1,72,80,16,16,0,0,1,56,64ZM88,192a16,16,0,1,1-16-16A16,16,0,0,1,88,192Zm120-31V110.63a23.85,23.85,0,0,0-7-17L163.31,56H192a8,8,0,0,0,0-16H144a8,8,0,0,0-8,8V96a8,8,0,0,0,16,0V67.31L189.66,105a8,8,0,0,1,2.34,5.66V161a32,32,0,1,0,16,0Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,200,208Z";
+    readonly clock: "M140,80v41.21l34.17,20.5a12,12,0,1,1-12.34,20.58l-40-24A12,12,0,0,1,116,128V80a12,12,0,0,1,24,0ZM128,28A99.38,99.38,0,0,0,57.24,57.34c-4.69,4.74-9,9.37-13.24,14V64a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H72a12,12,0,0,0,0-24H57.77C63,86,68.37,80.22,74.26,74.26a76,76,0,1,1,1.58,109,12,12,0,0,0-16.48,17.46A100,100,0,1,0,128,28Z";
+};
+export declare type IconName = keyof typeof paths;
+export declare function Icon({ name, size, verdict, }: {
+    name: IconName;
+    size?: number;
+    verdict?: boolean;
+}): JSX.Element;
+export {};

package/dist/current/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ActionGroup";
+export * from "./CurrentProvider";
+export * from "./Disclosure";
+export { Icon as CurrentIcon } from "./Icon";
+export type { IconName as CurrentIconName } from "./Icon";
+export * from "./palette";

package/dist/current/palette.d.ts

@@ -0,0 +1,94 @@
+/** Accent palettes never own semantic status colours or neutral surfaces. */
+export declare type Appearance = "light" | "dark";
+export declare type AccentRoles = {
+    solid: string;
+    onSolid: string;
+    hover: string;
+    pressed: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryHover: string;
+    secondaryPressed: string;
+    focus: string;
+    mention: string;
+    onMention: string;
+};
+export declare type AccentPalette = Record<Appearance, AccentRoles>;
+export declare const blueAccent: AccentPalette;
+export declare const resolveCurrentPalette: (mode: Appearance, accent?: AccentPalette) => {
+    accent: AccentRoles;
+    surface: string;
+    inset: string;
+    line: string;
+    text: string;
+    body: string;
+    secondary: string;
+    status: {
+        success: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        warning: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        info: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        critical: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        neutral: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+    };
+} | {
+    accent: AccentRoles;
+    surface: string;
+    inset: string;
+    line: string;
+    text: string;
+    body: string;
+    secondary: string;
+    status: {
+        success: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        warning: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        info: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        critical: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+        neutral: {
+            solid: string;
+            onSolid: string;
+            soft: string;
+        };
+    };
+};
+export declare const motion: {
+    open: number;
+    close: number;
+    openEasing: string;
+    closeEasing: string;
+};

package/dist/current/primitives.css.d.ts

@@ -0,0 +1,38 @@
+export declare const author: string;
+export declare const authorName: string;
+export declare const authorMissing: string;
+export declare const prRef: string;
+export declare const boundary: string;
+export declare const card: string;
+export declare const ownedCard: string;
+export declare const verdictIcon: string;
+export declare const tones: Record<"warning" | "success" | "info" | "critical" | "neutral", string>;
+export declare const header: string;
+export declare const identity: string;
+export declare const prLink: string;
+export declare const mono: string;
+export declare const icon: string;
+export declare const typeIcon: string;
+export declare const badge: string;
+export declare const overview: string;
+export declare const summary: string;
+export declare const control: string;
+export declare const chevron: string;
+export declare const details: string;
+export declare const findings: string;
+export declare const finding: string;
+export declare const findingToggle: string;
+export declare const findingTitle: string;
+export declare const severity: string;
+export declare const findingBody: string;
+export declare const paragraph: string;
+export declare const meta: string;
+export declare const actionSection: string;
+export declare const actionGroup: string;
+export declare const action: string;
+export declare const primaryAction: string;
+export declare const hint: string;
+export declare const mentions: string;
+export declare const mentionLabel: string;
+export declare const member: string;
+export declare const ownMention: string;

package/dist/current/theme.css.d.ts

@@ -0,0 +1,96 @@
+export declare const darkClass: string, current: {
+    accent: {
+        solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onMention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    status: {
+        success: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        warning: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        neutral: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+} | {
+    accent: {
+        solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        pressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        mention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        onMention: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    surface: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    inset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    line: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    status: {
+        success: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        warning: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        info: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        critical: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        neutral: {
+            solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            onSolid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            soft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+};
+export declare const lightClass: string;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./theme";
 export * from "./components";
 export * from "./hooks";
+export * from "./current";