nextworks 0.2.0-alpha.2 → 0.2.0-alpha.20

package/dist/kits/blocks/components/sections/product-demo/types.ts

@@ -0,0 +1,262 @@
+export type ProductDemoStatusTone =
+  | "neutral"
+  | "info"
+  | "success"
+  | "warning"
+  | "danger";
+
+export type ProductDemoHighlightTone =
+  | ProductDemoStatusTone
+  | "accent"
+  | "muted";
+
+export type ProductDemoWindowKey =
+  | "taskList"
+  | "workflowStudio"
+  | "runConsole"
+  | "approvalInbox"
+  | "knowledgePanel";
+
+export interface ProductDemoWindowStatus {
+  label: string;
+  tone?: ProductDemoStatusTone;
+}
+
+export interface ProductDemoWindowLayoutHint {
+  x?: number;
+  y?: number;
+  width?: number;
+  height?: number;
+  zIndex?: number;
+  rotateDeg?: number;
+}
+
+export interface ProductDemoWindowMeta {
+  key: ProductDemoWindowKey;
+  title: string;
+  subtitle?: string;
+  status?: ProductDemoWindowStatus;
+  badge?: string;
+  layoutHint?: ProductDemoWindowLayoutHint;
+}
+
+export interface ProductDemoHighlightTarget {
+  id: string;
+  label?: string;
+  tone?: ProductDemoHighlightTone;
+}
+
+export interface ProductDemoWorkflowNode {
+  id: string;
+  label: string;
+  description?: string;
+  type?: string;
+  status?: ProductDemoStatusTone;
+  active?: boolean;
+  emphasized?: boolean;
+  metadata?: string;
+}
+
+export interface ProductDemoWorkflowBranch {
+  id: string;
+  fromNodeId: string;
+  toNodeId: string;
+  label?: string;
+  status?: ProductDemoStatusTone;
+  active?: boolean;
+}
+
+export interface ProductDemoWorkflowRegion {
+  id: string;
+  label: string;
+  description?: string;
+  status?: ProductDemoStatusTone;
+  nodeIds?: string[];
+  active?: boolean;
+  highlighted?: boolean;
+}
+
+export interface ProductDemoTaskItem {
+  id: string;
+  title: string;
+  description?: string;
+  meta?: string;
+}
+
+export interface ProductDemoTaskListState {
+  window: ProductDemoWindowMeta;
+  title?: string;
+  subtitle?: string;
+  items: ProductDemoTaskItem[];
+  activeItemId?: string;
+}
+
+export interface ProductDemoWorkflowTranscriptEntry {
+  id: string;
+  kind?: "title" | "prompt" | "activity" | "thought" | "message" | "file";
+  text: string;
+  path?: string;
+  added?: number;
+  removed?: number;
+  tone?: ProductDemoStatusTone;
+}
+
+export interface ProductDemoWorkflowComposerState {
+  placeholder?: string;
+  modeLabel?: string;
+  modelLabel?: string;
+}
+
+export interface ProductDemoPlaybackTimeline {
+  playbackMs?: number;
+  playbackStepDurationsMs?: number[];
+  playbackResetDelayMs?: number;
+}
+
+export interface ProductDemoWorkflowPlaybackConfig extends ProductDemoPlaybackTimeline {}
+
+export interface ProductDemoRunConsolePlaybackConfig extends ProductDemoPlaybackTimeline {
+  playbackStepEntryIndices?: number[];
+  playbackStepVisibleLineCounts?: number[];
+}
+
+export interface ProductDemoScenarioPlayback {
+  workflowStudio?: ProductDemoWorkflowPlaybackConfig;
+  runConsole?: ProductDemoRunConsolePlaybackConfig;
+}
+
+export interface ProductDemoWorkflowStudioState {
+  window: ProductDemoWindowMeta;
+  title?: string;
+  subtitle?: string;
+  nodes: ProductDemoWorkflowNode[];
+  branches?: ProductDemoWorkflowBranch[];
+  regions?: ProductDemoWorkflowRegion[];
+  activeNodeId?: string;
+  activeRegionId?: string;
+  highlights?: ProductDemoHighlightTarget[];
+  transcript?: Array<string | ProductDemoWorkflowTranscriptEntry>;
+  composer?: ProductDemoWorkflowComposerState;
+  playbackMs?: number;
+  playbackStep?: number;
+  playbackStepDurationsMs?: number[];
+  playbackResetDelayMs?: number;
+}
+
+export interface ProductDemoRunConsoleEntry {
+  id: string;
+  message: string;
+  timestamp?: string;
+  source?: string;
+  status?: ProductDemoStatusTone;
+  detail?: string;
+  lineNumber?: string;
+  code?: string[];
+  highlighted?: boolean;
+}
+
+export interface ProductDemoRunConsoleMetric {
+  id: string;
+  label: string;
+  value: string;
+  tone?: ProductDemoStatusTone;
+}
+
+export interface ProductDemoRunConsoleState {
+  window: ProductDemoWindowMeta;
+  title?: string;
+  subtitle?: string;
+  statusLabel?: string;
+  progressLabel?: string;
+  entries: ProductDemoRunConsoleEntry[];
+  metrics?: ProductDemoRunConsoleMetric[];
+  progressPercent?: number;
+  activeEntryId?: string;
+  editorTabLabel?: string;
+  editorLanguage?: string;
+  editorSummary?: string;
+  highlights?: ProductDemoHighlightTarget[];
+  playbackMs?: number;
+  playbackStep?: number;
+  playbackStepDurationsMs?: number[];
+  playbackResetDelayMs?: number;
+  playbackStepEntryIndices?: number[];
+  playbackStepVisibleLineCounts?: number[];
+}
+
+export interface ProductDemoApprovalAction {
+  id: string;
+  label: string;
+  tone?: ProductDemoStatusTone;
+}
+
+export interface ProductDemoApprovalItem {
+  id: string;
+  title: string;
+  description?: string;
+  requester?: string;
+  status?: ProductDemoStatusTone;
+  priorityLabel?: string;
+  dueLabel?: string;
+  actions?: ProductDemoApprovalAction[];
+  highlighted?: boolean;
+}
+
+export interface ProductDemoApprovalInboxState {
+  window: ProductDemoWindowMeta;
+  title?: string;
+  subtitle?: string;
+  counts?: Array<{
+    id: string;
+    label: string;
+    value: string;
+    tone?: ProductDemoStatusTone;
+  }>;
+  items: ProductDemoApprovalItem[];
+  activeItemId?: string;
+  highlights?: ProductDemoHighlightTarget[];
+}
+
+export interface ProductDemoKnowledgeSource {
+  id: string;
+  label: string;
+  kind?: string;
+  status?: ProductDemoStatusTone;
+}
+
+export interface ProductDemoKnowledgeSnippet {
+  id: string;
+  title: string;
+  content: string;
+  sourceId?: string;
+  confidence?: string;
+  excerptLabel?: string;
+  tags?: string[];
+  highlighted?: boolean;
+}
+
+export interface ProductDemoKnowledgePanelState {
+  window: ProductDemoWindowMeta;
+  title?: string;
+  subtitle?: string;
+  query?: string;
+  summary?: string;
+  sources?: ProductDemoKnowledgeSource[];
+  snippets: ProductDemoKnowledgeSnippet[];
+  activeSnippetId?: string;
+  highlights?: ProductDemoHighlightTarget[];
+}
+
+export interface ProductDemoScenario {
+  key: string;
+  label?: string;
+  description?: string;
+  taskList: ProductDemoTaskListState;
+  workflowStudio: ProductDemoWorkflowStudioState;
+  runConsole: ProductDemoRunConsoleState;
+  approvalInbox: ProductDemoApprovalInboxState;
+  knowledgePanel: ProductDemoKnowledgePanelState;
+  playback?: ProductDemoScenarioPlayback;
+  activeWindow?: ProductDemoWindowKey;
+  highlights?: ProductDemoHighlightTarget[];
+}

package/dist/kits/blocks/components/theme-provider.tsx

@@ -1,34 +1 @@
-export { ThemeProvider } from "@nextworks/blocks-core";
-
-// "use client";
-
-// import * as React from "react";
-// import { ThemeProvider as NextThemesProvider } from "next-themes";
-// import type { ThemeProviderProps as NextThemesProviderProps } from "next-themes";
-
-// interface ThemeProviderProps {
-//   children: React.ReactNode;
-//   attribute?: NextThemesProviderProps["attribute"];
-//   defaultTheme?: NextThemesProviderProps["defaultTheme"];
-//   enableSystem?: NextThemesProviderProps["enableSystem"];
-//   disableTransitionOnChange?: NextThemesProviderProps["disableTransitionOnChange"];
-// }
-
-// export function ThemeProvider({
-//   children,
-//   attribute = "class",
-//   defaultTheme = "system",
-//   enableSystem = true,
-//   disableTransitionOnChange = false,
-// }: ThemeProviderProps) {
-//   return (
-//     <NextThemesProvider
-//       attribute={attribute}
-//       defaultTheme={defaultTheme}
-//       enableSystem={enableSystem}
-//       disableTransitionOnChange={disableTransitionOnChange}
-//     >
-//       {children}
-//     </NextThemesProvider>
-//   );
-// }
+export { ThemeProvider } from "@nextworks/blocks-core";

package/dist/kits/blocks/components/ui/alert-dialog.tsx

@@ -1,134 +1,134 @@
-"use client";
-
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { cn } from "@/lib/utils";
-
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    ref={ref}
-    className={cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", className)}
-    {...props}
-  />
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-md -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg",
-        className,
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn("flex flex-col space-y-1 text-center", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold", className)}
-    {...props}
-  />
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    ref={ref}
-    className={cn("text-muted-foreground text-sm", className)}
-    {...props}
-  />
-));
-AlertDialogDescription.displayName =
-  AlertDialogPrimitive.Description.displayName;
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action
-    ref={ref}
-    className={cn(
-      "bg-destructive text-destructive-foreground inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors hover:opacity-90 focus:outline-none",
-      className,
-    )}
-    {...props}
-  />
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(
-      "bg-background hover:bg-muted inline-flex h-9 items-center justify-center rounded-md border px-4 text-sm font-medium shadow focus:outline-none",
-      className,
-    )}
-    {...props}
-  />
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogOverlay,
-  AlertDialogPortal,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-};
+"use client";
+
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cn } from "@/lib/utils";
+
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", className)}
+    {...props}
+  />
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-md -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg",
+        className,
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn("flex flex-col space-y-1 text-center", className)}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-muted-foreground text-sm", className)}
+    {...props}
+  />
+));
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName;
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(
+      "bg-destructive text-destructive-foreground inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors hover:opacity-90 focus:outline-none",
+      className,
+    )}
+    {...props}
+  />
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      "bg-background hover:bg-muted inline-flex h-9 items-center justify-center rounded-md border px-4 text-sm font-medium shadow focus:outline-none",
+      className,
+    )}
+    {...props}
+  />
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+};