vanilla-agent 0.2.0 → 1.0.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 (38) hide show
  1. package/README.md +53 -21
  2. package/dist/index.cjs +5 -5
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +98 -61
  5. package/dist/index.d.ts +98 -61
  6. package/dist/index.global.js +36 -30
  7. package/dist/index.global.js.map +1 -1
  8. package/dist/index.js +5 -5
  9. package/dist/index.js.map +1 -1
  10. package/dist/install.global.js +1 -1
  11. package/dist/install.global.js.map +1 -1
  12. package/dist/widget.css +33 -0
  13. package/package.json +2 -2
  14. package/src/client.ts +14 -14
  15. package/src/components/forms.ts +7 -5
  16. package/src/components/launcher.ts +4 -4
  17. package/src/components/message-bubble.ts +3 -3
  18. package/src/components/messages.ts +4 -2
  19. package/src/components/panel.ts +254 -13
  20. package/src/components/reasoning-bubble.ts +2 -2
  21. package/src/components/suggestions.ts +4 -4
  22. package/src/components/tool-bubble.ts +2 -2
  23. package/src/defaults.ts +180 -0
  24. package/src/index.ts +21 -18
  25. package/src/install.ts +8 -8
  26. package/src/plugins/registry.ts +7 -5
  27. package/src/plugins/types.ts +13 -11
  28. package/src/runtime/init.ts +11 -8
  29. package/src/session.ts +32 -23
  30. package/src/styles/widget.css +33 -0
  31. package/src/types.ts +56 -31
  32. package/src/ui.ts +330 -22
  33. package/src/utils/constants.ts +4 -2
  34. package/src/utils/dom.ts +2 -0
  35. package/src/utils/formatting.ts +8 -6
  36. package/src/utils/icons.ts +1 -1
  37. package/src/utils/positioning.ts +2 -0
  38. package/src/utils/theme.ts +4 -2
package/src/utils/formatting.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ChatWidgetReasoning, ChatWidgetToolCall } from "../types";
1
+ import { AgentWidgetReasoning, AgentWidgetToolCall } from "../types";
2
2
 
3
3
  export const formatUnknownValue = (value: unknown): string => {
4
4
  if (value === null) return "null";
@@ -14,7 +14,7 @@ export const formatUnknownValue = (value: unknown): string => {
14
14
  }
15
15
  };
16
16
 
17
- export const formatReasoningDuration = (reasoning: ChatWidgetReasoning) => {
17
+ export const formatReasoningDuration = (reasoning: AgentWidgetReasoning) => {
18
18
  const end = reasoning.completedAt ?? Date.now();
19
19
  const start = reasoning.startedAt ?? end;
20
20
  const durationMs =
@@ -32,13 +32,13 @@ export const formatReasoningDuration = (reasoning: ChatWidgetReasoning) => {
32
32
  return `Thought for ${formatted} seconds`;
33
33
  };
34
34
 
35
- export const describeReasonStatus = (reasoning: ChatWidgetReasoning) => {
35
+ export const describeReasonStatus = (reasoning: AgentWidgetReasoning) => {
36
36
  if (reasoning.status === "complete") return formatReasoningDuration(reasoning);
37
37
  if (reasoning.status === "pending") return "Waiting";
38
38
  return "";
39
39
  };
40
40
 
41
- export const formatToolDuration = (tool: ChatWidgetToolCall) => {
41
+ export const formatToolDuration = (tool: AgentWidgetToolCall) => {
42
42
  const durationMs =
43
43
  typeof tool.duration === "number"
44
44
  ? tool.duration
@@ -60,13 +60,13 @@ export const formatToolDuration = (tool: ChatWidgetToolCall) => {
60
60
  return `Used tool for ${formatted} seconds`;
61
61
  };
62
62
 
63
- export const describeToolStatus = (status: ChatWidgetToolCall["status"]) => {
63
+ export const describeToolStatus = (status: AgentWidgetToolCall["status"]) => {
64
64
  if (status === "complete") return "";
65
65
  if (status === "pending") return "Starting";
66
66
  return "Running";
67
67
  };
68
68
 
69
- export const describeToolTitle = (tool: ChatWidgetToolCall) => {
69
+ export const describeToolTitle = (tool: AgentWidgetToolCall) => {
70
70
  if (tool.status === "complete") {
71
71
  return formatToolDuration(tool);
72
72
  }
@@ -75,3 +75,5 @@ export const describeToolTitle = (tool: ChatWidgetToolCall) => {
75
75
 
76
76
 
77
77
 
78
+
79
+
package/src/utils/icons.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { icons } from "lucide";
1
+ import * as icons from "lucide";
2
2
  import type { IconNode } from "lucide";
3
3
 
4
4
  /**
package/src/utils/positioning.ts CHANGED
@@ -10,3 +10,5 @@ export const positionMap: Record<
10
10
 
11
11
 
12
12
 
13
+
14
+
package/src/utils/theme.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ChatWidgetConfig } from "../types";
1
+ import { AgentWidgetConfig } from "../types";
2
2
 
3
3
  export const applyThemeVariables = (
4
4
  element: HTMLElement,
5
- config?: ChatWidgetConfig
5
+ config?: AgentWidgetConfig
6
6
  ) => {
7
7
  const theme = config?.theme ?? {};
8
8
  Object.entries(theme).forEach(([key, value]) => {
@@ -18,3 +18,5 @@ export const applyThemeVariables = (
18
18
 
19
19
 
20
20
 
21
+
22
+