@parallelworks/ui 0.34.0 → 0.35.0

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.
Files changed (84) hide show
  1. package/README.md +201 -0
  2. package/dist/ai/components/ChatEmptyState.js +71 -86
  3. package/dist/ai/components/ChatInput.d.ts +11 -3
  4. package/dist/ai/components/ChatInput.js +19 -11
  5. package/dist/ai/components/ChatSidebar.js +12 -130
  6. package/dist/ai/components/ChatStage.d.ts +11 -0
  7. package/dist/ai/components/ChatStage.js +26 -0
  8. package/dist/ai/components/ComposerChrome.d.ts +3 -0
  9. package/dist/ai/components/ComposerChrome.js +21 -2
  10. package/dist/ai/components/conversationActions.d.ts +23 -0
  11. package/dist/ai/components/conversationActions.js +108 -0
  12. package/dist/ai/index.d.ts +4 -3
  13. package/dist/ai/index.js +6 -5
  14. package/dist/ai/strings.d.ts +1 -0
  15. package/dist/ai/strings.js +2 -1
  16. package/dist/ai/ui/ConversationSidebar.d.ts +3 -2
  17. package/dist/ai/ui/ConversationSidebar.js +2 -1
  18. package/dist/ai/ui/sidebar.d.ts +6 -0
  19. package/dist/ai/ui/sidebar.js +10 -1
  20. package/dist/components/Dropdown.js +3 -1
  21. package/dist/components/FilterPill.js +1 -0
  22. package/dist/components/Provider.d.ts +14 -0
  23. package/dist/components/Provider.js +14 -3
  24. package/dist/components/SegmentedControl.d.ts +24 -0
  25. package/dist/components/SegmentedControl.js +69 -0
  26. package/dist/editing.d.ts +32 -0
  27. package/dist/editor/FormCodePanel.js +1 -1
  28. package/dist/engine.d.ts +3 -0
  29. package/dist/form/FieldWrapper.js +1 -1
  30. package/dist/form/Fields/CheckboxGroupField.d.ts +3 -3
  31. package/dist/form/Fields/CheckboxGroupField.js +10 -4
  32. package/dist/form/Fields/RadioField.d.ts +5 -3
  33. package/dist/form/Fields/RadioField.js +25 -17
  34. package/dist/form/Fields/fieldOption.d.ts +12 -0
  35. package/dist/form/Fields/fieldOption.js +17 -0
  36. package/dist/form/Form.d.ts +4 -2
  37. package/dist/form/Form.js +170 -68
  38. package/dist/form/FormLayout.d.ts +7 -0
  39. package/dist/form/FormLayout.js +144 -0
  40. package/dist/form/SpecialTypes/FormikCustomDropdown.js +1 -1
  41. package/dist/form/SpecialTypes/FormikCustomInput.js +7 -0
  42. package/dist/form/Wizard/WizardContainer.d.ts +1 -1
  43. package/dist/form/Wizard/WizardContainer.js +244 -49
  44. package/dist/form/Wizard/WizardNavigation.js +4 -4
  45. package/dist/form/Wizard/WizardStepContent.d.ts +1 -1
  46. package/dist/form/Wizard/WizardStepContent.js +19 -10
  47. package/dist/form/Wizard/WizardStepIndicator.js +35 -7
  48. package/dist/form/Wizard/types.d.ts +19 -6
  49. package/dist/form/Wizard/useWizardState.d.ts +1 -0
  50. package/dist/form/Wizard/useWizardState.js +5 -1
  51. package/dist/form/Wizard/utils.d.ts +7 -0
  52. package/dist/form/Wizard/utils.js +18 -1
  53. package/dist/form/index.d.ts +2 -0
  54. package/dist/form/index.js +4 -2
  55. package/dist/form/layout.d.ts +50 -0
  56. package/dist/form/layout.js +125 -0
  57. package/dist/form/layoutCSS.d.ts +10 -0
  58. package/dist/form/layoutCSS.js +234 -0
  59. package/dist/form/lib.d.ts +2 -0
  60. package/dist/form/lib.js +17 -2
  61. package/dist/form/types/fieldTypes.d.ts +8 -23
  62. package/dist/graph/DependencyGraph.d.ts +20 -1
  63. package/dist/graph/DependencyGraph.js +437 -142
  64. package/dist/graph/MatrixGroup.d.ts +3 -1
  65. package/dist/graph/MatrixGroup.js +31 -28
  66. package/dist/graph/TreeView.js +6 -6
  67. package/dist/graph/gridSpacing.d.ts +7 -0
  68. package/dist/graph/gridSpacing.js +10 -0
  69. package/dist/graph/util.d.ts +2 -0
  70. package/dist/graph/util.js +2 -2
  71. package/dist/index.d.ts +1 -0
  72. package/dist/index.js +2 -1
  73. package/dist/list/ListViewControls.d.ts +15 -0
  74. package/dist/list/ListViewControls.js +9 -3
  75. package/dist/list/index.d.ts +1 -1
  76. package/dist/list/index.js +2 -2
  77. package/dist/styles/base.css +3 -1
  78. package/dist/styles/theme.css +5 -0
  79. package/dist/styles.css +1 -1
  80. package/dist/theme/index.d.ts +2 -0
  81. package/dist/theme/index.js +3 -2
  82. package/package.json +4 -2
  83. package/dist/ai/components/ComposerFrame.d.ts +0 -16
  84. package/dist/ai/components/ComposerFrame.js +0 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@parallelworks/ui",
3
- "version": "0.34.0",
3
+ "version": "0.35.0",
4
4
  "description": "React UI components: a theme contract, icons, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -89,6 +89,7 @@
89
89
  "@types/luxon": "^3.7.6",
90
90
  "anser": "^2.3.5",
91
91
  "classnames": "^2.5.1",
92
+ "css-tree": "^3.2.1",
92
93
  "fast-deep-equal": "^3.1.3",
93
94
  "framer-motion": "^14.0.0",
94
95
  "luxon": "^3.7.2",
@@ -107,13 +108,14 @@
107
108
  },
108
109
  "devDependencies": {
109
110
  "@arethetypeswrong/cli": "^0.18.5",
110
- "@parallelworks/workflow-parser": "^0.6.0",
111
+ "@parallelworks/workflow-parser": "^0.8.0",
111
112
  "@storybook/addon-a11y": "10.6.1",
112
113
  "@storybook/addon-docs": "10.6.1",
113
114
  "@storybook/react-vite": "10.6.1",
114
115
  "@tailwindcss/cli": "^4.3.3",
115
116
  "@testing-library/jest-dom": "^7.0.1",
116
117
  "@testing-library/react": "^16.3.3",
118
+ "@types/css-tree": "^3.2.0",
117
119
  "@types/node": "^26.6.4",
118
120
  "@types/react": "19.3.0",
119
121
  "@types/react-dom": "19.3.0",
@@ -1,16 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- /** The column a composer sits in: notices above it, what the agent is doing
3
- * right now, a row of chips saying where the message goes, the box itself,
4
- * and a row of settings under it with the model and allocation on the right. */
5
- export default function ComposerFrame({ notices, activity, above, belowLeft, belowRight, hint, className, children, }: {
6
- notices?: ReactNode;
7
- /** Sits where a terminal's spinner line would, just above the box. */
8
- activity?: ReactNode;
9
- above?: ReactNode;
10
- belowLeft?: ReactNode;
11
- /** Defaults to the model and allocation pickers. */
12
- belowRight?: ReactNode;
13
- hint?: string | undefined;
14
- className?: string;
15
- children: ReactNode;
16
- }): import("react").JSX.Element;
@@ -1,33 +0,0 @@
1
- import { ComposerContext, ComposerControls, ComposerSettings } from "./ComposerChrome.js";
2
- import cx from "classnames";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- //#region src/ai/components/ComposerFrame.tsx
5
- /** The column a composer sits in: notices above it, what the agent is doing
6
- * right now, a row of chips saying where the message goes, the box itself,
7
- * and a row of settings under it with the model and allocation on the right. */
8
- function ComposerFrame({ notices, activity, above, belowLeft, belowRight, hint, className, children }) {
9
- return /* @__PURE__ */ jsx("div", {
10
- className: cx("shrink-0 px-6 pb-6 pt-2", className),
11
- children: /* @__PURE__ */ jsxs("div", {
12
- className: "mx-auto w-full max-w-[var(--chat-column,50rem)] space-y-2",
13
- children: [notices, /* @__PURE__ */ jsxs("div", { children: [
14
- activity && /* @__PURE__ */ jsx("div", {
15
- className: "mb-2",
16
- children: activity
17
- }),
18
- above && /* @__PURE__ */ jsx(ComposerContext, { children: above }),
19
- children,
20
- /* @__PURE__ */ jsx(ComposerSettings, {
21
- left: belowLeft,
22
- children: belowRight ?? /* @__PURE__ */ jsx(ComposerControls, {})
23
- }),
24
- hint && /* @__PURE__ */ jsx("p", {
25
- className: "mt-1 text-center text-[11px] theme-muted-text",
26
- children: hint
27
- })
28
- ] })]
29
- })
30
- });
31
- }
32
- //#endregion
33
- export { ComposerFrame as default };