@parallelworks/ui 0.57.0 → 0.59.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 (60) hide show
  1. package/README.md +60 -4
  2. package/dist/access/PrincipalPicker.js +2 -1
  3. package/dist/ai/agent/diff.d.ts +1 -0
  4. package/dist/ai/agent/diff.js +50 -3
  5. package/dist/ai/ai.css +38 -0
  6. package/dist/ai/components/AttachmentUpload.d.ts +3 -0
  7. package/dist/ai/components/AttachmentUpload.js +51 -43
  8. package/dist/ai/components/agent/AgentMessageParts.js +33 -6
  9. package/dist/ai/strings.d.ts +2 -0
  10. package/dist/ai/strings.js +2 -1
  11. package/dist/components/AppLink.js +8 -3
  12. package/dist/components/Avatar.d.ts +5 -1
  13. package/dist/components/Avatar.js +13 -5
  14. package/dist/components/ExternalLink.d.ts +3 -2
  15. package/dist/components/ExternalLink.js +5 -2
  16. package/dist/components/Field.d.ts +7 -1
  17. package/dist/components/Field.js +83 -56
  18. package/dist/components/HoverCard.js +12 -0
  19. package/dist/components/Markdown.d.ts +3 -0
  20. package/dist/components/Markdown.js +2 -1
  21. package/dist/components/MarkdownImpl.d.ts +1 -1
  22. package/dist/components/MarkdownImpl.js +5 -3
  23. package/dist/components/Provider.d.ts +16 -1
  24. package/dist/components/Provider.js +17 -3
  25. package/dist/components/StickyBar.d.ts +14 -0
  26. package/dist/components/StickyBar.js +22 -0
  27. package/dist/components/Table.d.ts +7 -5
  28. package/dist/components/Table.js +6 -2
  29. package/dist/components/Tabs.d.ts +2 -2
  30. package/dist/components/Tabs.js +5 -2
  31. package/dist/components/category.d.ts +9 -0
  32. package/dist/components/category.js +30 -0
  33. package/dist/components/httpsImages.d.ts +12 -0
  34. package/dist/components/httpsImages.js +27 -0
  35. package/dist/components/stickyTop.d.ts +14 -0
  36. package/dist/components/stickyTop.js +93 -0
  37. package/dist/file-explorer/FileExplorer.js +21 -15
  38. package/dist/graph/DependencyGraph.d.ts +14 -1
  39. package/dist/graph/DependencyGraph.js +169 -77
  40. package/dist/graph/JobSummary.js +13 -3
  41. package/dist/graph/StepSummary.d.ts +4 -0
  42. package/dist/graph/StepSummary.js +31 -0
  43. package/dist/graph/index.d.ts +1 -0
  44. package/dist/graph/index.js +2 -1
  45. package/dist/graph/types.d.ts +3 -0
  46. package/dist/graph/util.d.ts +1 -1
  47. package/dist/icons.d.ts +1 -0
  48. package/dist/icons.js +3 -2
  49. package/dist/index.d.ts +2 -0
  50. package/dist/index.js +3 -1
  51. package/dist/list/ActionToolbar.d.ts +2 -3
  52. package/dist/list/ActionToolbar.js +3 -3
  53. package/dist/list/index.d.ts +1 -1
  54. package/dist/list/index.js +2 -2
  55. package/dist/logviewer/LogViewer.js +3 -3
  56. package/dist/styles/theme.css +27 -0
  57. package/dist/styles.css +1 -1
  58. package/dist/theme/derive.d.ts +2 -1
  59. package/dist/theme/derive.js +45 -1
  60. package/package.json +1 -1
package/dist/theme/derive.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type CodeStyle, type Mode, type Scheme } from './model.js';
2
- export declare const THEME_TOKENS: readonly ['--theme-app-bg', '--theme-panel-bg', '--theme-panel-hover', '--theme-muted-panel-bg', '--theme-hover', '--theme-input-bg', '--theme-input-disabled-bg', '--theme-app', '--theme-muted-text-color', '--theme-placeholder', '--theme-link', '--theme-border', '--theme-border-field', '--theme-border-strong', '--theme-accent', '--theme-accent-text', '--theme-accent-hover', '--theme-accent-subtle', '--theme-focus', '--theme-focus-ring', '--theme-success', '--theme-success-text', '--theme-success-solid', '--theme-success-muted', '--theme-error', '--theme-error-text', '--theme-error-solid', '--theme-error-muted', '--theme-warning', '--theme-warning-text', '--theme-warning-solid', '--theme-warning-muted', '--theme-info', '--theme-info-text', '--theme-info-solid', '--theme-info-muted', '--theme-favorite', '--theme-favorite-text', '--theme-favorite-solid', '--theme-favorite-muted', '--theme-shadow-sm', '--theme-shadow', '--theme-shadow-lg', '--theme-shadow-xl', '--theme-sidebar-bg', '--theme-sidebar-text', '--theme-sidebar-hover', '--theme-sidebar-active-bg', '--theme-sidebar-active-text', '--theme-code-bg', '--theme-code-text', '--theme-code-comment', '--theme-code-keyword', '--theme-code-string', '--theme-code-number', '--theme-code-function', '--theme-code-type', '--theme-code-property', '--theme-ansi-black', '--theme-ansi-red', '--theme-ansi-green', '--theme-ansi-yellow', '--theme-ansi-blue', '--theme-ansi-magenta', '--theme-ansi-cyan', '--theme-ansi-white'];
2
+ export declare const THEME_TOKENS: readonly ['--theme-app-bg', '--theme-panel-bg', '--theme-panel-hover', '--theme-muted-panel-bg', '--theme-hover', '--theme-input-bg', '--theme-input-disabled-bg', '--theme-app', '--theme-muted-text-color', '--theme-placeholder', '--theme-link', '--theme-border', '--theme-border-field', '--theme-border-strong', '--theme-accent', '--theme-accent-text', '--theme-accent-hover', '--theme-accent-subtle', '--theme-focus', '--theme-focus-ring', '--theme-success', '--theme-success-text', '--theme-success-solid', '--theme-success-muted', '--theme-error', '--theme-error-text', '--theme-error-solid', '--theme-error-muted', '--theme-warning', '--theme-warning-text', '--theme-warning-solid', '--theme-warning-muted', '--theme-info', '--theme-info-text', '--theme-info-solid', '--theme-info-muted', '--theme-favorite', '--theme-favorite-text', '--theme-favorite-solid', '--theme-favorite-muted', '--theme-shadow-sm', '--theme-shadow', '--theme-shadow-lg', '--theme-shadow-xl', '--theme-sidebar-bg', '--theme-sidebar-text', '--theme-sidebar-hover', '--theme-sidebar-active-bg', '--theme-sidebar-active-text', '--theme-code-bg', '--theme-code-text', '--theme-code-comment', '--theme-code-keyword', '--theme-code-string', '--theme-code-number', '--theme-code-function', '--theme-code-type', '--theme-code-property', '--theme-ansi-black', '--theme-ansi-red', '--theme-ansi-green', '--theme-ansi-yellow', '--theme-ansi-blue', '--theme-ansi-magenta', '--theme-ansi-cyan', '--theme-ansi-white', '--theme-category-1', '--theme-category-1-text', '--theme-category-2', '--theme-category-2-text', '--theme-category-3', '--theme-category-3-text', '--theme-category-4', '--theme-category-4-text', '--theme-category-5', '--theme-category-5-text', '--theme-category-6', '--theme-category-6-text', '--theme-category-7', '--theme-category-7-text', '--theme-category-8', '--theme-category-8-text'];
3
3
  export type ThemeToken = (typeof THEME_TOKENS)[number];
4
4
  export type ThemeVariables = Record<ThemeToken, string>;
5
5
  /** The tokens the sidebar owns. A host's chrome may supply its own fallbacks, so the stylesheet gives them no defaults. */
@@ -19,6 +19,7 @@ export interface DeriveOptions {
19
19
  export declare const PLACEHOLDER_ON: ThemeToken[];
20
20
  /** The surfaces a control's edge sits on: the page, panels, and the control's own fill. */
21
21
  export declare const CONTROL_ON: ThemeToken[];
22
+ export declare const CATEGORY_COUNT = 8;
22
23
  /** Every token as sRGB, plus display-p3 overrides that keep every contrast the sRGB output meets. */
23
24
  export declare function generateTheme(scheme: Scheme, options?: DeriveOptions): GeneratedTheme;
24
25
  /** Every `--theme-*` token for a scheme, in sRGB. */
package/dist/theme/derive.js CHANGED
@@ -68,7 +68,23 @@ var THEME_TOKENS = [
68
68
  "--theme-ansi-blue",
69
69
  "--theme-ansi-magenta",
70
70
  "--theme-ansi-cyan",
71
- "--theme-ansi-white"
71
+ "--theme-ansi-white",
72
+ "--theme-category-1",
73
+ "--theme-category-1-text",
74
+ "--theme-category-2",
75
+ "--theme-category-2-text",
76
+ "--theme-category-3",
77
+ "--theme-category-3-text",
78
+ "--theme-category-4",
79
+ "--theme-category-4-text",
80
+ "--theme-category-5",
81
+ "--theme-category-5-text",
82
+ "--theme-category-6",
83
+ "--theme-category-6-text",
84
+ "--theme-category-7",
85
+ "--theme-category-7-text",
86
+ "--theme-category-8",
87
+ "--theme-category-8-text"
72
88
  ];
73
89
  /** The tokens the sidebar owns. A host's chrome may supply its own fallbacks, so the stylesheet gives them no defaults. */
74
90
  var SIDEBAR_TOKENS = THEME_TOKENS.filter((t) => t.startsWith("--theme-sidebar-"));
@@ -195,6 +211,11 @@ var SYNTAX = {
195
211
  type: 195,
196
212
  property: 240
197
213
  };
214
+ var CATEGORY_START = 20;
215
+ var CATEGORY_CHROMA = {
216
+ light: .055,
217
+ dark: .06
218
+ };
198
219
  var CODE_CHROMA = {
199
220
  balanced: .13,
200
221
  vivid: .19,
@@ -438,6 +459,29 @@ function build(scheme, options) {
438
459
  }, codeOn, t.secondary);
439
460
  keep("--theme-ansi-black", dark ? comment : codeText, codeOn, t.secondary);
440
461
  keep("--theme-ansi-white", dark ? codeText : comment, codeOn, t.secondary);
462
+ const categoryL = (dark ? clamp(base.l + .14, .36, .46) : clamp(base.l - .07, .86, .9)) - dir * byContrast(k, [
463
+ 0,
464
+ 0,
465
+ .03
466
+ ]);
467
+ for (let i = 0; i < 8; i++) {
468
+ const h = (CATEGORY_START + 45 * i) % 360;
469
+ const token = `--theme-category-${i + 1}`;
470
+ set(token, {
471
+ l: categoryL,
472
+ c: CATEGORY_CHROMA[dark ? "dark" : "light"],
473
+ h
474
+ });
475
+ solved(`--theme-category-${i + 1}-text`, dark ? {
476
+ l: .9,
477
+ c: .05,
478
+ h
479
+ } : {
480
+ l: .42,
481
+ c: .08,
482
+ h
483
+ }, [token], t.secondary);
484
+ }
441
485
  const shade = dark ? .35 : .07;
442
486
  const a = (v) => Number((v * b).toFixed(3));
443
487
  const shadows = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@parallelworks/ui",
3
- "version": "0.57.0",
3
+ "version": "0.59.0",
4
4
  "description": "React UI components: a theme contract, icons, brand logos, 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": {