nextworks 0.2.0-alpha.12 → 0.2.0-alpha.13
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/dist/kits/blocks/app/templates/aiworkflow/components/Hero.tsx +1 -1
- package/dist/kits/blocks/components/sections/product-demo/KnowledgePanel.tsx +6 -2
- package/dist/kits/blocks/components/sections/product-demo/RunConsolePanel.tsx +12 -4
- package/dist/kits/blocks/components/sections/product-demo/WorkflowStudioPanel.tsx +5 -2
- package/dist/kits/blocks/package-deps.json +3 -3
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ const scenarios: ProductDemoScenario[] = [
|
|
|
8
8
|
key: "intake-triage",
|
|
9
9
|
label: "Intake & triage",
|
|
10
10
|
description:
|
|
11
|
-
"AI turns
|
|
11
|
+
"AI turns (test ) revenue operations request into a routed workflow with approvals and live context.",
|
|
12
12
|
activeWindow: "workflowStudio",
|
|
13
13
|
workflowStudio: {
|
|
14
14
|
window: {
|
|
@@ -72,7 +72,9 @@ export function KnowledgePanel({ state }: KnowledgePanelProps) {
|
|
|
72
72
|
{state.snippets.map((snippet) => {
|
|
73
73
|
const isActive =
|
|
74
74
|
snippet.id === state.activeSnippetId || snippet.highlighted;
|
|
75
|
-
const source = state.sources?.find(
|
|
75
|
+
const source = state.sources?.find(
|
|
76
|
+
(item) => item.id === snippet.sourceId,
|
|
77
|
+
);
|
|
76
78
|
|
|
77
79
|
return (
|
|
78
80
|
<div
|
|
@@ -89,7 +91,9 @@ export function KnowledgePanel({ state }: KnowledgePanelProps) {
|
|
|
89
91
|
</div>
|
|
90
92
|
{(snippet.excerptLabel || source?.label) && (
|
|
91
93
|
<div className="mt-1 text-[11px] text-muted-foreground">
|
|
92
|
-
{[snippet.excerptLabel, source?.label]
|
|
94
|
+
{[snippet.excerptLabel, source?.label]
|
|
95
|
+
.filter(Boolean)
|
|
96
|
+
.join(" • ")}
|
|
93
97
|
</div>
|
|
94
98
|
)}
|
|
95
99
|
</div>
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { cn } from "@/lib/utils";
|
|
3
|
-
import type {
|
|
3
|
+
import type {
|
|
4
|
+
ProductDemoRunConsoleState,
|
|
5
|
+
ProductDemoStatusTone,
|
|
6
|
+
} from "./types";
|
|
4
7
|
|
|
5
8
|
export interface RunConsolePanelProps {
|
|
6
9
|
state: ProductDemoRunConsoleState;
|
|
@@ -98,7 +101,8 @@ export function RunConsolePanel({ state }: RunConsolePanelProps) {
|
|
|
98
101
|
|
|
99
102
|
<div className="space-y-2">
|
|
100
103
|
{state.entries.map((entry) => {
|
|
101
|
-
const isActive =
|
|
104
|
+
const isActive =
|
|
105
|
+
entry.id === state.activeEntryId || entry.highlighted;
|
|
102
106
|
|
|
103
107
|
return (
|
|
104
108
|
<div
|
|
@@ -110,10 +114,14 @@ export function RunConsolePanel({ state }: RunConsolePanelProps) {
|
|
|
110
114
|
>
|
|
111
115
|
<div className="flex items-start justify-between gap-3">
|
|
112
116
|
<div className="min-w-0 flex-1">
|
|
113
|
-
<div className="text-sm text-card-foreground">
|
|
117
|
+
<div className="text-sm text-card-foreground">
|
|
118
|
+
{entry.message}
|
|
119
|
+
</div>
|
|
114
120
|
{(entry.source || entry.timestamp) && (
|
|
115
121
|
<div className="mt-1 text-[11px] text-muted-foreground">
|
|
116
|
-
{[entry.source, entry.timestamp]
|
|
122
|
+
{[entry.source, entry.timestamp]
|
|
123
|
+
.filter(Boolean)
|
|
124
|
+
.join(" • ")}
|
|
117
125
|
</div>
|
|
118
126
|
)}
|
|
119
127
|
{entry.detail && (
|
|
@@ -95,7 +95,9 @@ export function WorkflowStudioPanel({ state }: WorkflowStudioPanelProps) {
|
|
|
95
95
|
{region.nodeIds?.length ? (
|
|
96
96
|
<div className="mt-3 flex flex-wrap gap-1.5">
|
|
97
97
|
{region.nodeIds.map((nodeId) => {
|
|
98
|
-
const node = state.nodes.find(
|
|
98
|
+
const node = state.nodes.find(
|
|
99
|
+
(item) => item.id === nodeId,
|
|
100
|
+
);
|
|
99
101
|
|
|
100
102
|
return (
|
|
101
103
|
<span
|
|
@@ -174,7 +176,8 @@ export function WorkflowStudioPanel({ state }: WorkflowStudioPanelProps) {
|
|
|
174
176
|
className={cn(
|
|
175
177
|
"rounded-full border px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.14em]",
|
|
176
178
|
getStatusClass(branch.status),
|
|
177
|
-
branch.active &&
|
|
179
|
+
branch.active &&
|
|
180
|
+
"border-primary/45 bg-primary/10 text-primary",
|
|
178
181
|
)}
|
|
179
182
|
>
|
|
180
183
|
{branch.label ?? `${branch.fromNodeId} → ${branch.toNodeId}`}
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"next-themes": "^0.4.6",
|
|
14
14
|
"motion": "^12.24.10",
|
|
15
15
|
"sonner": "^2.0.7",
|
|
16
|
-
"@nextworks/blocks-core": "0.2.0-alpha.
|
|
17
|
-
"@nextworks/blocks-sections": "0.2.0-alpha.
|
|
18
|
-
"@nextworks/blocks-templates": "0.2.0-alpha.
|
|
16
|
+
"@nextworks/blocks-core": "0.2.0-alpha.13",
|
|
17
|
+
"@nextworks/blocks-sections": "0.2.0-alpha.13",
|
|
18
|
+
"@nextworks/blocks-templates": "0.2.0-alpha.13"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"tailwindcss": "^4.1.12"
|