@volter-ai-dev/supercode-ui 0.1.53 → 0.1.54

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 (8) hide show
  1. package/components.mjs +1 -1
  2. package/conversation.mjs +1 -1
  3. package/embed.mjs +1 -1
  4. package/messenger.mjs +1 -1
  5. package/package.json +4 -2
  6. package/react/components.mjs +1 -1
  7. package/react/conversation.mjs +1 -1
  8. package/react/messenger.mjs +1 -1
package/components.mjs CHANGED
@@ -2098,13 +2098,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
2098
2098
  ] });
2099
2099
  }
2100
2100
  function ActivityGroup({ entries, state, adapter }) {
2101
- if (entries.length === 1) return /* @__PURE__ */ jsx7("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx7(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
2102
2101
  const active = entries.some((entry) => entry.status === "pending");
2103
2102
  const [open, setOpen] = useState3(active);
2104
2103
  const id = useId();
2105
2104
  useEffect5(() => {
2106
2105
  if (active) setOpen(true);
2107
2106
  }, [active]);
2107
+ if (entries.length === 1) return /* @__PURE__ */ jsx7("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx7(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
2108
2108
  return /* @__PURE__ */ jsxs6("section", { className: "scui-activity", children: [
2109
2109
  /* @__PURE__ */ jsxs6("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
2110
2110
  /* @__PURE__ */ jsx7("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx7(UiIcon, { name: "chevron", size: 14 }) }),
package/conversation.mjs CHANGED
@@ -1134,13 +1134,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
1134
1134
  ] });
1135
1135
  }
1136
1136
  function ActivityGroup({ entries, state, adapter }) {
1137
- if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1138
1137
  const active = entries.some((entry) => entry.status === "pending");
1139
1138
  const [open, setOpen] = useState2(active);
1140
1139
  const id = useId();
1141
1140
  useEffect3(() => {
1142
1141
  if (active) setOpen(true);
1143
1142
  }, [active]);
1143
+ if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1144
1144
  return /* @__PURE__ */ jsxs3("section", { className: "scui-activity", children: [
1145
1145
  /* @__PURE__ */ jsxs3("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
1146
1146
  /* @__PURE__ */ jsx4("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14 }) }),
package/embed.mjs CHANGED
@@ -1954,13 +1954,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
1954
1954
  ] });
1955
1955
  }
1956
1956
  function ActivityGroup({ entries, state, adapter }) {
1957
- if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1958
1957
  const active = entries.some((entry) => entry.status === "pending");
1959
1958
  const [open, setOpen] = useState3(active);
1960
1959
  const id = useId();
1961
1960
  useEffect4(() => {
1962
1961
  if (active) setOpen(true);
1963
1962
  }, [active]);
1963
+ if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1964
1964
  return /* @__PURE__ */ jsxs4("section", { className: "scui-activity", children: [
1965
1965
  /* @__PURE__ */ jsxs4("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
1966
1966
  /* @__PURE__ */ jsx5("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14 }) }),
package/messenger.mjs CHANGED
@@ -1951,13 +1951,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
1951
1951
  ] });
1952
1952
  }
1953
1953
  function ActivityGroup({ entries, state, adapter }) {
1954
- if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1955
1954
  const active = entries.some((entry) => entry.status === "pending");
1956
1955
  const [open, setOpen] = useState3(active);
1957
1956
  const id = useId();
1958
1957
  useEffect4(() => {
1959
1958
  if (active) setOpen(true);
1960
1959
  }, [active]);
1960
+ if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1961
1961
  return /* @__PURE__ */ jsxs4("section", { className: "scui-activity", children: [
1962
1962
  /* @__PURE__ */ jsxs4("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
1963
1963
  /* @__PURE__ */ jsx5("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14 }) }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@volter-ai-dev/supercode-ui",
3
- "version": "0.1.53",
3
+ "version": "0.1.54",
4
4
  "type": "module",
5
5
  "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
6
6
  "exports": {
@@ -157,7 +157,6 @@
157
157
  }
158
158
  },
159
159
  "devDependencies": {
160
- "@volter-ai-dev/supercode-client": "0.3.22",
161
160
  "@storybook/addon-a11y": "10.5.9",
162
161
  "@storybook/addon-docs": "10.5.9",
163
162
  "@storybook/addon-themes": "10.5.9",
@@ -165,10 +164,13 @@
165
164
  "@storybook/preact-vite": "10.5.9",
166
165
  "@types/react": "19.2.18",
167
166
  "@vitest/browser-playwright": "4.1.10",
167
+ "@volter-ai-dev/supercode-client": "0.3.22",
168
168
  "esbuild": "^0.25.0",
169
169
  "playwright": "1.62.1",
170
170
  "preact": "^10.19.0",
171
171
  "preact-render-to-string": "^6.5.0",
172
+ "react": "^19.2.8",
173
+ "react-test-renderer": "^19.2.8",
172
174
  "storybook": "10.5.9",
173
175
  "typescript": "5.6.3",
174
176
  "vite": "7.3.6",
package/react/components.mjs CHANGED
@@ -2098,13 +2098,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
2098
2098
  ] });
2099
2099
  }
2100
2100
  function ActivityGroup({ entries, state, adapter }) {
2101
- if (entries.length === 1) return /* @__PURE__ */ jsx7("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx7(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
2102
2101
  const active = entries.some((entry) => entry.status === "pending");
2103
2102
  const [open, setOpen] = useState3(active);
2104
2103
  const id = useId();
2105
2104
  useEffect5(() => {
2106
2105
  if (active) setOpen(true);
2107
2106
  }, [active]);
2107
+ if (entries.length === 1) return /* @__PURE__ */ jsx7("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx7(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
2108
2108
  return /* @__PURE__ */ jsxs6("section", { className: "scui-activity", children: [
2109
2109
  /* @__PURE__ */ jsxs6("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
2110
2110
  /* @__PURE__ */ jsx7("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx7(UiIcon, { name: "chevron", size: 14 }) }),
package/react/conversation.mjs CHANGED
@@ -1134,13 +1134,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
1134
1134
  ] });
1135
1135
  }
1136
1136
  function ActivityGroup({ entries, state, adapter }) {
1137
- if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1138
1137
  const active = entries.some((entry) => entry.status === "pending");
1139
1138
  const [open, setOpen] = useState2(active);
1140
1139
  const id = useId();
1141
1140
  useEffect3(() => {
1142
1141
  if (active) setOpen(true);
1143
1142
  }, [active]);
1143
+ if (entries.length === 1) return /* @__PURE__ */ jsx4("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx4(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1144
1144
  return /* @__PURE__ */ jsxs3("section", { className: "scui-activity", children: [
1145
1145
  /* @__PURE__ */ jsxs3("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
1146
1146
  /* @__PURE__ */ jsx4("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx4(UiIcon, { name: "chevron", size: 14 }) }),
package/react/messenger.mjs CHANGED
@@ -1951,13 +1951,13 @@ function ToolRow({ entry, workspace, open = false, adapter }) {
1951
1951
  ] });
1952
1952
  }
1953
1953
  function ActivityGroup({ entries, state, adapter }) {
1954
- if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1955
1954
  const active = entries.some((entry) => entry.status === "pending");
1956
1955
  const [open, setOpen] = useState3(active);
1957
1956
  const id = useId();
1958
1957
  useEffect4(() => {
1959
1958
  if (active) setOpen(true);
1960
1959
  }, [active]);
1960
+ if (entries.length === 1) return /* @__PURE__ */ jsx5("section", { className: "scui-activity", "data-single": "true", children: /* @__PURE__ */ jsx5(ToolRow, { entry: entries[0], workspace: state.workspace, adapter }) });
1961
1961
  return /* @__PURE__ */ jsxs4("section", { className: "scui-activity", children: [
1962
1962
  /* @__PURE__ */ jsxs4("button", { className: "scui-activity-head", type: "button", "aria-expanded": open, "aria-controls": id, onClick: () => setOpen((value) => !value), children: [
1963
1963
  /* @__PURE__ */ jsx5("span", { className: "scui-fold", "data-open": open, children: /* @__PURE__ */ jsx5(UiIcon, { name: "chevron", size: 14 }) }),