@compose-market/theme 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -30,10 +30,10 @@ Use the Tailwind preset for seamless integration:
30
30
 
31
31
  ```javascript
32
32
  // tailwind.config.js
33
- import composeTheme from "@compose-market/theme/tailwind";
33
+ import theme from "@compose-market/theme/tailwind";
34
34
 
35
35
  export default {
36
- presets: [composeTheme],
36
+ presets: [theme],
37
37
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
38
38
  };
39
39
  ```
@@ -1,16 +1,12 @@
1
1
  import * as React from "react";
2
2
  import { type Badge, type Metric, type Tag } from "../entity";
3
3
  export type AgentBadge = Badge;
4
- export type ComposeAgentBadge = AgentBadge;
5
4
  export type AgentMetric = Metric;
6
- export type ComposeAgentMetric = AgentMetric;
7
5
  export type AgentTag = Tag;
8
- export type ComposeAgentTag = AgentTag;
9
6
  export interface AgentMetaRow {
10
7
  label: React.ReactNode;
11
8
  value: React.ReactNode;
12
9
  }
13
- export type ComposeAgentMetaRow = AgentMetaRow;
14
10
  export interface AgentCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
15
11
  variant?: "default" | "market" | "compact";
16
12
  avatarAlt?: string;
@@ -32,14 +28,10 @@ export interface AgentCardProps extends Omit<React.HTMLAttributes<HTMLElement>,
32
28
  status?: "default" | "running";
33
29
  interactive?: boolean;
34
30
  }
35
- export type ComposeAgentCardProps = AgentCardProps;
36
31
  export declare function AgentCard({ variant: cardVariant, avatarAlt, avatarFallback, avatarSrc, title, description, badges, metrics, focusLabel, focusValue, focusIcon, tagsTitle, tags, metaRows, footer, actions, headerAction, status, interactive, className, ...props }: AgentCardProps): React.JSX.Element;
37
- export declare const ComposeAgentCard: typeof AgentCard;
38
32
  export interface AgentCardSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
39
33
  showTags?: boolean;
40
34
  showFooter?: boolean;
41
35
  }
42
- export type ComposeAgentCardSkeletonProps = AgentCardSkeletonProps;
43
36
  export declare function AgentCardSkeleton({ className, showTags, showFooter, ...props }: AgentCardSkeletonProps): React.JSX.Element;
44
- export declare const ComposeAgentCardSkeleton: typeof AgentCardSkeleton;
45
37
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,MAAM,EACX,KAAK,GAAG,EACT,MAAM,WAAW,CAAC;AAGnB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC;AAC/B,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AACjC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAOnD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EAAE,WAAuB,EAChC,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAW,EACX,OAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAmB,EACnB,IAAS,EACT,QAAa,EACb,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,qBA2ChB;AAED,eAAO,MAAM,gBAAgB,kBAAY,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAe,EACf,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAQxB;AAED,eAAO,MAAM,wBAAwB,0BAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,MAAM,EACX,KAAK,GAAG,EACT,MAAM,WAAW,CAAC;AAGnB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC;AAC/B,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AACjC,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC;AAE3B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EAAE,WAAuB,EAChC,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAW,EACX,OAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAmB,EACnB,IAAS,EACT,QAAa,EACb,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,qBA2ChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAe,EACf,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAQxB"}
@@ -12,9 +12,7 @@ export function AgentCard({ variant: cardVariant = "default", avatarAlt, avatarF
12
12
  children: _jsx("strong", { className: "cm-agent-card__meta-value", children: row.value }),
13
13
  })), footer: footer, actions: actions, headerAction: headerAction, status: status, interactive: interactive, ...props }));
14
14
  }
15
- export const ComposeAgentCard = AgentCard;
16
15
  export function AgentCardSkeleton({ className, showTags = true, showFooter = true, ...props }) {
17
16
  return (_jsx(Skeleton, { className: cx("cm-agent-card cm-agent-card--skeleton", className), rows: (showTags ? 4 : 3) + (showFooter ? 1 : 0), ...props }));
18
17
  }
19
- export const ComposeAgentCardSkeleton = AgentCardSkeleton;
20
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,QAAQ,GAIT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AA0CpC,SAAS,OAAO,CAAC,KAAgC;IAC/C,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC5D,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,GAAG,OAAO,EACnB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAM,GAAG,SAAS,EAClB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,EAC7B,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,SAAS,IAAI,kBAAkB,WAAW,EAAE,EAC5D,MAAM,KAAK,SAAS,IAAI,wBAAwB,EAChD,WAAW,IAAI,4BAA4B,EAC3C,SAAS,CACV,EACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CACjB,cACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,IAAI,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,eAAM,SAAS,EAAC,gCAAgC,YAAE,cAAc,GAAQ,EACvF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,QAAQ,EAAE,iBAAQ,SAAS,EAAC,2BAA2B,YAAE,GAAG,CAAC,KAAK,GAAU;SAC7E,CAAC,CAAC,EACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAS1C,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACe;IACvB,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACjE,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,QAAQ,GAIT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAiCpC,SAAS,OAAO,CAAC,KAAgC;IAC/C,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC5D,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,GAAG,OAAO,EACnB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAM,GAAG,SAAS,EAClB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,EAC7B,SAAS,EAAE,EAAE,CACX,eAAe,EACf,WAAW,KAAK,SAAS,IAAI,kBAAkB,WAAW,EAAE,EAC5D,MAAM,KAAK,SAAS,IAAI,wBAAwB,EAChD,WAAW,IAAI,4BAA4B,EAC3C,SAAS,CACV,EACD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CACjB,cACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,IAAI,EAAE,EACpB,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,eAAM,SAAS,EAAC,gCAAgC,YAAE,cAAc,GAAQ,EACvF,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,QAAQ,EAAE,iBAAQ,SAAS,EAAC,2BAA2B,YAAE,GAAG,CAAC,KAAK,GAAU;SAC7E,CAAC,CAAC,EACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EACe;IACvB,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACjE,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import * as React from "react";
2
- export interface ComposeAppShellProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ export interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  contentClassName?: string;
4
4
  gridOffsetX?: number;
5
5
  gridOffsetY?: number;
6
6
  showScanline?: boolean;
7
7
  }
8
- export declare function ComposeAppShell({ children, className, contentClassName, gridOffsetX, gridOffsetY, showScanline, ...props }: ComposeAppShellProps): React.JSX.Element;
8
+ export declare function AppShell({ children, className, contentClassName, gridOffsetX, gridOffsetY, showScanline, ...props }: AppShellProps): React.JSX.Element;
9
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAe,EACf,WAAe,EACf,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAgBtB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAe,EACf,WAAe,EACf,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,qBAgBf"}
package/dist/app/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { cx } from "../internal/cx";
3
- export function ComposeAppShell({ children, className, contentClassName, gridOffsetX = 0, gridOffsetY = 0, showScanline = true, ...props }) {
3
+ export function AppShell({ children, className, contentClassName, gridOffsetX = 0, gridOffsetY = 0, showScanline = true, ...props }) {
4
4
  return (_jsxs("div", { className: cx("cm-app-shell", className), ...props, children: [_jsxs("div", { className: "cm-app-shell__backdrop", "aria-hidden": "true", children: [_jsx("div", { className: "cm-app-shell__grid", style: {
5
5
  transform: `translate(${gridOffsetX}px, ${gridOffsetY}px)`,
6
6
  } }), _jsx("div", { className: "cm-app-shell__gradient" }), showScanline ? _jsx("div", { className: "cm-app-shell__scanline" }) : null] }), _jsx("div", { className: cx("cm-app-shell__content", contentClassName), children: children })] }));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AASpC,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,IAAI,EACnB,GAAG,KAAK,EACa;IACrB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,aACtD,eAAK,SAAS,EAAC,wBAAwB,iBAAa,MAAM,aACxD,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;4BACL,SAAS,EAAE,aAAa,WAAW,OAAO,WAAW,KAAK;yBAC3D,GACD,EACF,cAAK,SAAS,EAAC,wBAAwB,GAAG,EACzC,YAAY,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,GAAG,CAAC,CAAC,CAAC,IAAI,IAC7D,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/app/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AASpC,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,IAAI,EACnB,GAAG,KAAK,EACM;IACd,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,aACtD,eAAK,SAAS,EAAC,wBAAwB,iBAAa,MAAM,aACxD,cACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;4BACL,SAAS,EAAE,aAAa,WAAW,OAAO,WAAW,KAAK;yBAC3D,GACD,EACF,cAAK,SAAS,EAAC,wBAAwB,GAAG,EACzC,YAAY,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,GAAG,CAAC,CAAC,CAAC,IAAI,IAC7D,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,YAAG,QAAQ,GAAO,IAC3E,CACP,CAAC;AACJ,CAAC"}
@@ -1,506 +0,0 @@
1
-
2
- .cm-mirror-pane {
3
- container-type: inline-size;
4
- display: flex;
5
- flex-direction: column;
6
- min-width: 0;
7
- min-height: 0;
8
- height: 100%;
9
- overflow: visible;
10
- border: 1px solid hsl(var(--primary) / 0.18);
11
- border-radius: 16px;
12
- background:
13
- linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),
14
- radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),
15
- hsl(224 36% 13% / 0.24);
16
- box-shadow:
17
- inset 0 1px 0 hsl(0 0% 100% / 0.06),
18
- 0 0 34px hsl(var(--primary) / 0.06);
19
- color: hsl(var(--foreground));
20
- font-family: var(--font-sans), sans-serif;
21
- backdrop-filter: blur(16px) saturate(1.12);
22
- }
23
-
24
- .cm-mirror-pane__toolbar {
25
- flex: 0 0 auto;
26
- display: flex;
27
- align-items: center;
28
- gap: 0.35rem;
29
- padding: 0.45rem;
30
- border-bottom: 1px solid hsl(var(--primary) / 0.1);
31
- background: hsl(221 50% 9% / 0.28);
32
- }
33
-
34
- .cm-mirror-pane__toolbar-btn {
35
- display: inline-flex;
36
- align-items: center;
37
- justify-content: center;
38
- gap: 0.4rem;
39
- min-width: 2.2rem;
40
- min-height: 2.2rem;
41
- padding: 0 0.62rem;
42
- border: 1px solid transparent;
43
- border-radius: 999px;
44
- background: transparent;
45
- color: hsl(var(--muted-foreground));
46
- cursor: pointer;
47
- font-family: var(--font-mono), monospace;
48
- font-size: 0.68rem;
49
- letter-spacing: 0.08em;
50
- text-transform: uppercase;
51
- transition:
52
- transform 160ms ease,
53
- border-color 180ms ease,
54
- background-color 180ms ease,
55
- color 180ms ease,
56
- box-shadow 180ms ease;
57
- }
58
-
59
- .cm-mirror-pane__toolbar-btn:hover,
60
- .cm-mirror-pane__toolbar-btn:focus-visible {
61
- outline: none;
62
- color: hsl(var(--foreground));
63
- border-color: hsl(var(--primary) / 0.2);
64
- background: hsl(var(--primary) / 0.08);
65
- }
66
-
67
- .cm-mirror-pane__toolbar-btn--active-cyan {
68
- border-color: hsl(var(--primary) / 0.36);
69
- background: hsl(var(--primary) / 0.12);
70
- color: hsl(var(--primary));
71
- box-shadow: 0 0 18px hsl(var(--primary) / 0.12);
72
- }
73
-
74
- .cm-mirror-pane__toolbar-btn--active-fuchsia {
75
- border-color: hsl(var(--accent) / 0.34);
76
- background: hsl(var(--accent) / 0.11);
77
- color: hsl(var(--accent));
78
- box-shadow: 0 0 18px hsl(var(--accent) / 0.1);
79
- }
80
-
81
- .cm-mirror-pane__toolbar-btn svg {
82
- width: 1rem;
83
- height: 1rem;
84
- }
85
-
86
- .cm-mirror-pane__toolbar-label {
87
- display: none;
88
- }
89
-
90
- @container (min-width: 24rem) {
91
- .cm-mirror-pane__toolbar-label {
92
- display: inline;
93
- }
94
- }
95
-
96
- .cm-mirror-pane__body {
97
- flex: 1 1 auto;
98
- min-height: 0;
99
- display: flex;
100
- flex-direction: column;
101
- gap: clamp(0.85rem, 3cqi, 1.08rem);
102
- overflow: visible;
103
- padding: clamp(0.85rem, 3cqi, 1.08rem);
104
- }
105
-
106
- .cm-mirror-pane__card {
107
- border: 0;
108
- background: transparent;
109
- box-shadow: none;
110
- backdrop-filter: none;
111
- }
112
-
113
- .cm-mirror-pane__card > .cm-card__body {
114
- padding: 0;
115
- gap: 0.68rem;
116
- grid-template-rows: auto auto;
117
- height: auto;
118
- }
119
-
120
- .cm-mirror-pane__card .cm-card__header {
121
- gap: 0.78rem;
122
- }
123
-
124
- .cm-mirror-pane__card .cm-card__title-row {
125
- flex-wrap: nowrap;
126
- }
127
-
128
- .cm-mirror-pane__card .cm-card__title {
129
- min-width: 0;
130
- overflow: hidden;
131
- }
132
-
133
- .cm-mirror-pane__card .cm-card__subtitle {
134
- overflow: hidden;
135
- text-overflow: ellipsis;
136
- white-space: nowrap;
137
- }
138
-
139
- .cm-mirror-pane__card .cm-card__meta {
140
- display: grid;
141
- grid-template-columns: repeat(2, minmax(0, 1fr));
142
- align-items: center;
143
- width: 100%;
144
- }
145
-
146
- .cm-mirror-pane__card .cm-card__meta-chip {
147
- width: 100%;
148
- justify-content: center;
149
- }
150
-
151
- .cm-mirror-pane__card-title {
152
- display: block;
153
- min-width: 0;
154
- max-width: 100%;
155
- overflow: hidden;
156
- text-overflow: ellipsis;
157
- white-space: nowrap;
158
- }
159
-
160
- .cm-mirror-pane__footer {
161
- flex: 0 0 auto;
162
- border-top: 1px solid hsl(var(--primary) / 0.1);
163
- padding: 0.75rem 1rem;
164
- }
165
-
166
- .cm-mirror-pane__empty {
167
- flex: 1;
168
- min-height: 14rem;
169
- display: grid;
170
- place-items: center;
171
- align-content: center;
172
- gap: 0.75rem;
173
- padding: 1.5rem;
174
- text-align: center;
175
- }
176
-
177
- .cm-mirror-pane__empty-icon {
178
- display: inline-flex;
179
- color: hsl(var(--primary));
180
- opacity: 0.72;
181
- }
182
-
183
- .cm-mirror-pane__empty-icon svg {
184
- width: 2.5rem;
185
- height: 2.5rem;
186
- }
187
-
188
- .cm-mirror-pane__empty-text {
189
- max-width: 18rem;
190
- color: hsl(var(--muted-foreground));
191
- line-height: 1.45;
192
- }
193
-
194
- .cm-mirror-pane__model-header {
195
- display: flex;
196
- align-items: flex-start;
197
- gap: 0.75rem;
198
- min-width: 0;
199
- }
200
-
201
- .cm-mirror-pane__model-icon-box {
202
- display: grid;
203
- width: clamp(2.85rem, 8cqi, 3.35rem);
204
- height: clamp(2.85rem, 8cqi, 3.35rem);
205
- place-items: center;
206
- flex: 0 0 auto;
207
- border: 1px solid hsl(var(--primary) / 0.24);
208
- border-radius: 12px;
209
- background: hsl(var(--primary) / 0.09);
210
- color: hsl(var(--primary));
211
- box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);
212
- }
213
-
214
- .cm-mirror-pane__model-icon-box svg {
215
- width: 1.2rem;
216
- height: 1.2rem;
217
- }
218
-
219
- .cm-mirror-pane__model-copy {
220
- flex: 1;
221
- min-width: 0;
222
- display: grid;
223
- gap: 0.25rem;
224
- }
225
-
226
- .cm-mirror-pane__model-name-row {
227
- display: flex;
228
- align-items: center;
229
- gap: 0.5rem;
230
- min-width: 0;
231
- flex-wrap: wrap;
232
- }
233
-
234
- .cm-mirror-pane__model-name {
235
- min-width: 0;
236
- margin: 0;
237
- color: hsl(var(--foreground));
238
- font-family: var(--font-display), sans-serif;
239
- font-size: clamp(1.06rem, 4cqi, 1.24rem);
240
- font-weight: 800;
241
- line-height: 1.08;
242
- overflow-wrap: anywhere;
243
- }
244
-
245
- .cm-mirror-pane__model-types {
246
- display: inline-flex;
247
- align-items: center;
248
- gap: 0.3rem;
249
- flex-wrap: wrap;
250
- }
251
-
252
- .cm-mirror-pane__badge {
253
- display: inline-flex;
254
- align-items: center;
255
- min-height: 1.58rem;
256
- border: 1px solid hsl(var(--primary) / 0.18);
257
- border-radius: 999px;
258
- background: hsl(var(--primary) / 0.08);
259
- color: hsl(var(--primary));
260
- padding: 0 0.58rem;
261
- font-family: var(--font-mono), monospace;
262
- font-size: 0.7rem;
263
- font-weight: 700;
264
- letter-spacing: 0.06em;
265
- text-transform: uppercase;
266
- }
267
-
268
- .cm-mirror-pane__badge[data-tone="fuchsia"] {
269
- border-color: hsl(var(--accent) / 0.24);
270
- background: hsl(var(--accent) / 0.1);
271
- color: hsl(var(--accent));
272
- }
273
-
274
- .cm-mirror-pane__badge[data-tone="green"] {
275
- border-color: hsl(142 71% 45% / 0.28);
276
- background: hsl(142 71% 45% / 0.1);
277
- color: hsl(142 71% 55%);
278
- }
279
-
280
- .cm-mirror-pane__badge[data-tone="warning"] {
281
- border-color: hsl(42 100% 48% / 0.28);
282
- background: hsl(42 100% 48% / 0.1);
283
- color: hsl(42 100% 58%);
284
- }
285
-
286
- .cm-mirror-pane__badge[data-tone="danger"] {
287
- border-color: hsl(var(--destructive) / 0.3);
288
- background: hsl(var(--destructive) / 0.12);
289
- color: hsl(var(--destructive));
290
- }
291
-
292
- .cm-mirror-pane__model-provider,
293
- .cm-mirror-pane__model-id {
294
- margin: 0;
295
- color: hsl(var(--muted-foreground));
296
- font-family: var(--font-mono), monospace;
297
- font-size: 0.82rem;
298
- line-height: 1.35;
299
- overflow-wrap: anywhere;
300
- }
301
-
302
- .cm-mirror-pane__model-id {
303
- color: hsl(var(--primary) / 0.72);
304
- }
305
-
306
- .cm-mirror-pane__description,
307
- .cm-mirror-pane__description--clamped,
308
- .cm-mirror-pane__section,
309
- .cm-mirror-pane__pricing-compact,
310
- .cm-mirror-pane__pricing-block,
311
- .cm-mirror-pane__tool-group,
312
- .cm-mirror-pane__no-params,
313
- .cm-mirror-pane__text-area,
314
- .cm-mirror-pane__field {
315
- border: 1px solid hsl(var(--primary) / 0.12);
316
- border-radius: 12px;
317
- background: hsl(221 50% 9% / 0.3);
318
- }
319
-
320
- .cm-mirror-pane__description,
321
- .cm-mirror-pane__description--clamped {
322
- padding: 0.82rem 0.9rem;
323
- color: hsl(var(--muted-foreground));
324
- font-size: 0.92rem;
325
- line-height: 1.55;
326
- }
327
-
328
- .cm-mirror-pane__section {
329
- display: flex;
330
- flex-direction: column;
331
- gap: 0.6rem;
332
- min-width: 0;
333
- min-height: 4.2rem;
334
- }
335
-
336
- .cm-mirror-pane__section--compact {
337
- padding: 0.75rem;
338
- }
339
-
340
- .cm-mirror-pane__section-label,
341
- .cm-mirror-pane__tool-group-label {
342
- color: hsl(var(--muted-foreground));
343
- font-family: var(--font-mono), monospace;
344
- font-size: 0.74rem;
345
- font-weight: 800;
346
- letter-spacing: 0.1em;
347
- text-transform: uppercase;
348
- }
349
-
350
- .cm-mirror-pane__io-row,
351
- .cm-mirror-pane__kv-row,
352
- .cm-mirror-pane__pricing-header,
353
- .cm-mirror-pane__tool-toggle {
354
- display: flex;
355
- align-items: center;
356
- justify-content: space-between;
357
- gap: 0.75rem;
358
- min-width: 0;
359
- min-height: 2.75rem;
360
- }
361
-
362
- .cm-mirror-pane__io-row {
363
- align-items: flex-start;
364
- }
365
-
366
- .cm-mirror-pane__io-label,
367
- .cm-mirror-pane__kv-label {
368
- flex: 0 0 auto;
369
- color: hsl(var(--muted-foreground));
370
- font-family: var(--font-mono), monospace;
371
- font-size: 0.76rem;
372
- }
373
-
374
- .cm-mirror-pane__io-badges,
375
- .cm-mirror-pane__kv-grid,
376
- .cm-mirror-pane__pricing-entries,
377
- .cm-mirror-pane__custom-content,
378
- .cm-mirror-pane__custom-section {
379
- display: flex;
380
- flex-direction: column;
381
- gap: 0.45rem;
382
- min-width: 0;
383
- }
384
-
385
- .cm-mirror-pane__io-badges {
386
- flex-direction: row;
387
- flex-wrap: wrap;
388
- }
389
-
390
- .cm-mirror-pane__kv-value {
391
- min-width: 0;
392
- color: hsl(var(--foreground));
393
- font-family: var(--font-mono), monospace;
394
- font-size: 0.82rem;
395
- text-align: right;
396
- overflow-wrap: anywhere;
397
- }
398
-
399
- .cm-mirror-pane__pricing-compact,
400
- .cm-mirror-pane__pricing-block,
401
- .cm-mirror-pane__tool-group {
402
- display: flex;
403
- flex-direction: column;
404
- gap: 0.45rem;
405
- min-height: 4.2rem;
406
- padding: 0.62rem 0.7rem;
407
- }
408
-
409
- .cm-mirror-pane__pricing-unit {
410
- color: hsl(var(--muted-foreground) / 0.72);
411
- font-family: var(--font-mono), monospace;
412
- font-size: 0.72rem;
413
- letter-spacing: 0.08em;
414
- text-transform: uppercase;
415
- }
416
-
417
- .cm-mirror-pane__pricing-name {
418
- color: hsl(var(--accent));
419
- font-family: var(--font-mono), monospace;
420
- font-weight: 700;
421
- }
422
-
423
- .cm-mirror-pane__tool-group {
424
- border-color: hsl(var(--primary) / 0.18);
425
- background: hsl(var(--primary) / 0.05);
426
- }
427
-
428
- .cm-mirror-pane__tool-group--fuchsia {
429
- border-color: hsl(var(--accent) / 0.18);
430
- background: hsl(var(--accent) / 0.05);
431
- }
432
-
433
- .cm-mirror-pane__tool-toggle-label {
434
- display: inline-flex;
435
- align-items: center;
436
- gap: 0.42rem;
437
- min-width: 0;
438
- color: hsl(var(--foreground));
439
- }
440
-
441
- .cm-mirror-pane__tool-toggle-label svg,
442
- .cm-mirror-pane__tool-toggle-label-icon {
443
- width: 1rem;
444
- height: 1rem;
445
- flex: 0 0 auto;
446
- }
447
-
448
- .cm-mirror-pane__text-area {
449
- width: 100%;
450
- min-height: 7rem;
451
- padding: 0.72rem;
452
- color: hsl(var(--foreground));
453
- font-family: var(--font-mono), monospace;
454
- font-size: 0.86rem;
455
- resize: vertical;
456
- }
457
-
458
- .cm-mirror-pane__field {
459
- width: 100%;
460
- min-height: 2.45rem;
461
- color: hsl(var(--foreground));
462
- font-family: var(--font-mono), monospace;
463
- font-size: 0.86rem;
464
- }
465
-
466
- .cm-mirror-pane__field:focus,
467
- .cm-mirror-pane__field:focus-visible,
468
- .cm-mirror-pane__text-area:focus,
469
- .cm-mirror-pane__text-area:focus-visible {
470
- outline: none;
471
- border-color: hsl(var(--primary) / 0.5);
472
- box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);
473
- }
474
-
475
- .cm-mirror-pane__param-description,
476
- .cm-mirror-pane__no-params {
477
- color: hsl(var(--muted-foreground));
478
- font-size: 0.86rem;
479
- line-height: 1.4;
480
- }
481
-
482
- .cm-mirror-pane__no-params {
483
- padding: 1rem;
484
- text-align: center;
485
- }
486
-
487
- @container (max-width: 22rem) {
488
- .cm-mirror-pane__io-row,
489
- .cm-mirror-pane__kv-row,
490
- .cm-mirror-pane__pricing-header,
491
- .cm-mirror-pane__tool-toggle {
492
- align-items: flex-start;
493
- flex-direction: column;
494
- gap: 0.35rem;
495
- }
496
-
497
- .cm-mirror-pane__kv-value {
498
- text-align: left;
499
- }
500
- }
501
-
502
- @media (prefers-reduced-motion: reduce) {
503
- .cm-mirror-pane__toolbar-btn {
504
- transition-duration: 0.01ms !important;
505
- }
506
- }
@@ -432,7 +432,7 @@
432
432
  }
433
433
 
434
434
  .cm-chat-workspace,
435
- .cm-compose-workspace {
435
+ .cm-workspace {
436
436
  display: flex;
437
437
  width: 100%;
438
438
  height: 100%;
@@ -445,13 +445,13 @@
445
445
  flex-direction: column;
446
446
  }
447
447
 
448
- .cm-compose-workspace {
448
+ .cm-workspace {
449
449
  gap: clamp(0.7rem, 1.4vw, 1rem);
450
450
  flex-direction: column;
451
451
  }
452
452
 
453
453
  @media (min-width: 1024px) {
454
- .cm-compose-workspace {
454
+ .cm-workspace {
455
455
  flex-direction: row;
456
456
  }
457
457
  }