@openhands/agent-canvas 1.12.0 → 1.14.0

package/dist/components/features/conversation/metrics-modal/metrics-modal.js

@@ -1,57 +0,0 @@
-import e from "../../../../stores/metrics-store.js";
-import { useActiveConversation as t } from "../../../../hooks/query/use-active-conversation.js";
-import { ModalBackdrop as n } from "../../../shared/modals/modal-backdrop.js";
-import { ModalBody as r } from "../../../shared/modals/modal-body.js";
-import { MetricsModalHeader as i } from "./metrics-modal-header.js";
-import { CostSection as a } from "./cost-section.js";
-import { UsageSection as o } from "./usage-section.js";
-import { ContextWindowSection as s } from "./context-window-section.js";
-import { EmptyState as c } from "./empty-state.js";
-import { useConversationMetrics as l } from "../../../../hooks/query/use-conversation-metrics.js";
-import { useMemo as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/features/conversation/metrics-modal/metrics-modal.tsx
-function m({ isOpen: m, onOpenChange: h }) {
-	let g = e(), { data: _ } = t(), v = _?.id, y = _?.conversation_url, b = _?.session_api_key, { data: x } = l(v, y, b, m), S = u(() => x ? {
-		cost: x.accumulated_cost,
-		max_budget_per_task: x.max_budget_per_task,
-		usage: x.accumulated_token_usage ? {
-			prompt_tokens: x.accumulated_token_usage.prompt_tokens ?? 0,
-			completion_tokens: x.accumulated_token_usage.completion_tokens ?? 0,
-			cache_read_tokens: x.accumulated_token_usage.cache_read_tokens ?? 0,
-			cache_write_tokens: x.accumulated_token_usage.cache_write_tokens ?? 0,
-			context_window: x.accumulated_token_usage.context_window ?? 0,
-			per_turn_token: x.accumulated_token_usage.per_turn_token ?? 0
-		} : null
-	} : g, [x, g]);
-	return m ? /* @__PURE__ */ f(n, {
-		onClose: () => h(!1),
-		children: /* @__PURE__ */ p(r, {
-			testID: "metrics-modal",
-			className: "relative items-start border border-[var(--oh-border)]",
-			children: [/* @__PURE__ */ f(i, { onClose: () => h(!1) }), /* @__PURE__ */ p("div", {
-				className: "w-full",
-				children: [(S?.cost !== null || S?.usage !== null) && /* @__PURE__ */ f("div", {
-					className: "rounded-md border border-[var(--oh-border)] bg-surface-raised p-3",
-					children: /* @__PURE__ */ p("div", {
-						className: "grid gap-3",
-						children: [/* @__PURE__ */ f(a, {
-							cost: S?.cost ?? null,
-							maxBudgetPerTask: S?.max_budget_per_task ?? null
-						}), S?.usage !== null && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(o, { usage: S.usage }), /* @__PURE__ */ f(s, {
-							perTurnToken: S.usage.per_turn_token,
-							contextWindow: S.usage.context_window
-						})] })]
-					})
-				}), !S?.cost && !S?.usage && /* @__PURE__ */ f("div", {
-					className: "rounded-md border border-[var(--oh-border)] bg-surface-raised p-3",
-					children: /* @__PURE__ */ f(c, {})
-				})]
-			})]
-		})
-	}) : null;
-}
-//#endregion
-export { m as MetricsModal };
-
-//# sourceMappingURL=metrics-modal.js.map

package/dist/components/features/conversation/metrics-modal/metrics-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-modal.js","names":[],"sources":["../../../../../src/components/features/conversation/metrics-modal/metrics-modal.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { MetricsModalHeader } from \"./metrics-modal-header\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { CostSection } from \"./cost-section\";\nimport { UsageSection } from \"./usage-section\";\nimport { ContextWindowSection } from \"./context-window-section\";\nimport { EmptyState } from \"./empty-state\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationMetrics } from \"#/hooks/query/use-conversation-metrics\";\n\ninterface MetricsModalProps {\n  isOpen: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport function MetricsModal({ isOpen, onOpenChange }: MetricsModalProps) {\n  const storeMetrics = useMetricsStore();\n  const { data: conversation } = useActiveConversation();\n\n  const conversationId = conversation?.id;\n  const conversationUrl = conversation?.conversation_url;\n  const sessionApiKey = conversation?.session_api_key;\n\n  const { data: conversationMetrics } = useConversationMetrics(\n    conversationId,\n    conversationUrl,\n    sessionApiKey,\n    isOpen,\n  );\n\n  const metrics = useMemo(() => {\n    if (conversationMetrics) {\n      return {\n        cost: conversationMetrics.accumulated_cost,\n        max_budget_per_task: conversationMetrics.max_budget_per_task,\n        usage: conversationMetrics.accumulated_token_usage\n          ? {\n              prompt_tokens:\n                conversationMetrics.accumulated_token_usage.prompt_tokens ?? 0,\n              completion_tokens:\n                conversationMetrics.accumulated_token_usage.completion_tokens ??\n                0,\n              cache_read_tokens:\n                conversationMetrics.accumulated_token_usage.cache_read_tokens ??\n                0,\n              cache_write_tokens:\n                conversationMetrics.accumulated_token_usage\n                  .cache_write_tokens ?? 0,\n              context_window:\n                conversationMetrics.accumulated_token_usage.context_window ?? 0,\n              per_turn_token:\n                conversationMetrics.accumulated_token_usage.per_turn_token ?? 0,\n            }\n          : null,\n      };\n    }\n\n    return storeMetrics;\n  }, [conversationMetrics, storeMetrics]);\n\n  if (!isOpen) return null;\n\n  return (\n    <ModalBackdrop onClose={() => onOpenChange(false)}>\n      <ModalBody\n        testID=\"metrics-modal\"\n        className=\"relative items-start border border-[var(--oh-border)]\"\n      >\n        <MetricsModalHeader onClose={() => onOpenChange(false)} />\n        <div className=\"w-full\">\n          {(metrics?.cost !== null || metrics?.usage !== null) && (\n            <div className=\"rounded-md border border-[var(--oh-border)] bg-surface-raised p-3\">\n              <div className=\"grid gap-3\">\n                <CostSection\n                  cost={metrics?.cost ?? null}\n                  maxBudgetPerTask={metrics?.max_budget_per_task ?? null}\n                />\n\n                {metrics?.usage !== null && (\n                  <>\n                    <UsageSection usage={metrics.usage} />\n                    <ContextWindowSection\n                      perTurnToken={metrics.usage.per_turn_token}\n                      contextWindow={metrics.usage.context_window}\n                    />\n                  </>\n                )}\n              </div>\n            </div>\n          )}\n\n          {!metrics?.cost && !metrics?.usage && (\n            <div className=\"rounded-md border border-[var(--oh-border)] bg-surface-raised p-3\">\n              <EmptyState />\n            </div>\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,EAAa,EAAE,WAAQ,mBAAmC;CACxE,IAAM,IAAe,EAAgB,GAC/B,EAAE,MAAM,MAAiB,EAAsB,GAE/C,IAAiB,GAAc,IAC/B,IAAkB,GAAc,kBAChC,IAAgB,GAAc,iBAE9B,EAAE,MAAM,MAAwB,EACpC,GACA,GACA,GACA,CACF,GAEM,IAAU,QACV,IACK;EACL,MAAM,EAAoB;EAC1B,qBAAqB,EAAoB;EACzC,OAAO,EAAoB,0BACvB;GACE,eACE,EAAoB,wBAAwB,iBAAiB;GAC/D,mBACE,EAAoB,wBAAwB,qBAC5C;GACF,mBACE,EAAoB,wBAAwB,qBAC5C;GACF,oBACE,EAAoB,wBACjB,sBAAsB;GAC3B,gBACE,EAAoB,wBAAwB,kBAAkB;GAChE,gBACE,EAAoB,wBAAwB,kBAAkB;EAClE,IACA;CACN,IAGK,GACN,CAAC,GAAqB,CAAY,CAAC;CAItC,OAFK,IAGH,kBAAC,GAAD;EAAe,eAAe,EAAa,EAAK;YAC9C,kBAAC,GAAD;GACE,QAAO;GACP,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAoB,eAAe,EAAa,EAAK,EAAI,CAAA,GACzD,kBAAC,OAAD;IAAK,WAAU;cAAf,EACI,GAAS,SAAS,QAAQ,GAAS,UAAU,SAC7C,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,MAAM,GAAS,QAAQ;OACvB,kBAAkB,GAAS,uBAAuB;MACnD,CAAA,GAEA,GAAS,UAAU,QAClB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAc,OAAO,EAAQ,MAAQ,CAAA,GACrC,kBAAC,GAAD;OACE,cAAc,EAAQ,MAAM;OAC5B,eAAe,EAAQ,MAAM;MAC9B,CAAA,CACD,EAAA,CAAA,CAED;;IACF,CAAA,GAGN,CAAC,GAAS,QAAQ,CAAC,GAAS,SAC3B,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,CAAa,CAAA;IACV,CAAA,CAEJ;KACI;;CACE,CAAA,IAtCG;AAwCtB"}

package/dist/components/features/conversation-panel/new-conversation-button.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-interface NewConversationButtonProps {
-    /**
-     * Render the trigger as a "+" icon-only button (used by the collapsed
-     * sidebar). The popover content is unchanged; only the trigger pill
-     * collapses.
-     */
-    compact?: boolean;
-}
-/**
- * Sidebar "+ New Conversation" trigger.
- *
- * The popover content depends on the active backend: local backends operate
- * on workspace folders so we surface the workspace picker, while cloud
- * backends operate on git repositories so we surface a repository picker.
- *
- * The trigger pill (the "+" button itself) is identical for both variants;
- * only the menu component differs. Both `Cloud/LocalNewConversationMenu`
- * accept structurally identical trigger props, so a single `renderTrigger`
- * callback can satisfy either menu's type signature.
- */
-export declare function NewConversationButton({ compact, }?: NewConversationButtonProps): React.JSX.Element;
-export {};

package/dist/components/features/home/home-header/guide-message.d.ts

@@ -1 +0,0 @@
-export declare function GuideMessage(): import("react").JSX.Element;

package/dist/components/features/home/home-header/home-header.d.ts

@@ -1 +0,0 @@
-export declare function HomeHeader(): import("react").JSX.Element;

package/dist/components/features/home/new-conversation/create-conversation-button.d.ts

@@ -1 +0,0 @@
-export declare function CreateConversationButton(): import("react").JSX.Element;

package/dist/components/features/home/new-conversation/new-conversation.d.ts

@@ -1 +0,0 @@
-export declare function NewConversation(): import("react").JSX.Element;

package/dist/components/features/home/new-conversation.d.ts

@@ -1 +0,0 @@
-export declare function NewConversation(): import("react").JSX.Element;

package/dist/components/features/home/tasks/task-card.d.ts

@@ -1,6 +0,0 @@
-import { SuggestedTask } from "#/utils/types";
-interface TaskCardProps {
-    task: SuggestedTask;
-}
-export declare function TaskCard({ task }: TaskCardProps): import("react").JSX.Element;
-export {};

package/dist/components/features/home/tasks/task-group.d.ts

@@ -1,7 +0,0 @@
-import { SuggestedTask } from "#/utils/types";
-interface TaskGroupProps {
-    title: string;
-    tasks: SuggestedTask[];
-}
-export declare function TaskGroup({ title, tasks }: TaskGroupProps): import("react").JSX.Element;
-export {};

package/dist/components/features/home/tasks/task-issue-number.d.ts

@@ -1,6 +0,0 @@
-interface TaskIssueNumberProps {
-    issueNumber: number;
-    href: string;
-}
-export declare function TaskIssueNumber({ href, issueNumber }: TaskIssueNumberProps): import("react").JSX.Element;
-export {};

package/dist/components/features/home/tasks/task-item-title.d.ts

@@ -1 +0,0 @@
-export declare function TaskItemTitle({ children: title }: React.PropsWithChildren): import("react").JSX.Element;

package/dist/components/features/home/tasks/task-suggestions-skeleton.d.ts

@@ -1 +0,0 @@
-export declare function TaskSuggestionsSkeleton(): import("react").JSX.Element;

package/dist/components/features/home/tasks/task-suggestions.d.ts

@@ -1,6 +0,0 @@
-import { GitRepository } from "#/types/git";
-interface TaskSuggestionsProps {
-    filterFor?: GitRepository | null;
-}
-export declare function TaskSuggestions({ filterFor }: TaskSuggestionsProps): import("react").JSX.Element | null;
-export {};

package/dist/components/features/settings/agent-server-onboarding.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type AgentServerConnectionFormVariant = "settings" | "onboarding";
-interface AgentServerConnectionFormProps {
-    className?: string;
-    formClassName?: string;
-    variant?: AgentServerConnectionFormVariant;
-    showSectionHeader?: boolean;
-}
-export declare function AgentServerConnectionForm({ className, formClassName, variant, showSectionHeader, }: AgentServerConnectionFormProps): React.JSX.Element;
-export {};

package/dist/components/features/settings/mcp-settings/mcp-server-list-item.d.ts

@@ -1,6 +0,0 @@
-import type { MCPServerConfig } from "#/types/mcp-server";
-export declare function MCPServerListItem({ server, onEdit, onDelete, }: {
-    server: MCPServerConfig;
-    onEdit: () => void;
-    onDelete: () => void;
-}): import("react").JSX.Element;

package/dist/components/features/settings/mcp-settings/mcp-server-list.d.ts

@@ -1,8 +0,0 @@
-import type { MCPServerConfig } from "#/types/mcp-server";
-interface MCPServerListProps {
-    servers: MCPServerConfig[];
-    onEdit: (server: MCPServerConfig) => void;
-    onDelete: (serverId: string) => void;
-}
-export declare function MCPServerList({ servers, onEdit, onDelete, }: MCPServerListProps): import("react").JSX.Element;
-export {};

package/dist/hooks/query/use-suggested-tasks.d.ts

@@ -1 +0,0 @@
-export declare const useSuggestedTasks: () => import("@tanstack/react-query").UseQueryResult<NoInfer<import("../../utils/types").SuggestedTaskGroup[]>, import("axios").AxiosError<unknown, any>>;

package/dist/hooks/use-should-show-user-features.d.ts

@@ -1 +0,0 @@
-export declare const useShouldShowUserFeatures: () => boolean;

package/dist/icons/u-credit-card.cjs

@@ -1,2 +0,0 @@
-const e=require("../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t);let n=require("react/jsx-runtime");var r=e=>(0,n.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,n.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M21 7.5V9H3V7.5H21ZM3 10.5H21V18H3V10.5ZM21 6H3C2.60218 6 2.22064 6.15804 1.93934 6.43934C1.65804 6.72064 1.5 7.10218 1.5 7.5V18C1.5 18.3978 1.65804 18.7794 1.93934 19.0607C2.22064 19.342 2.60218 19.5 3 19.5H21C21.3978 19.5 21.7794 19.342 22.0607 19.0607C22.342 18.7794 22.5 18.3978 22.5 18V7.5C22.5 7.10218 22.342 6.72064 22.0607 6.43934C21.7794 6.15804 21.3978 6 21 6ZM16.5 15H19.5V16.5H16.5V15Z`,fill:`currentColor`})});exports.default=r;
-//# sourceMappingURL=u-credit-card.cjs.map

package/dist/icons/u-credit-card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"u-credit-card.cjs","names":[],"sources":["../../src/icons/u-credit-card.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SvgUCreditCard = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 24,\n\theight: 24,\n\tviewBox: \"0 0 24 24\",\n\tfill: \"none\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tfillRule: \"evenodd\",\n\t\tclipRule: \"evenodd\",\n\t\td: \"M21 7.5V9H3V7.5H21ZM3 10.5H21V18H3V10.5ZM21 6H3C2.60218 6 2.22064 6.15804 1.93934 6.43934C1.65804 6.72064 1.5 7.10218 1.5 7.5V18C1.5 18.3978 1.65804 18.7794 1.93934 19.0607C2.22064 19.342 2.60218 19.5 3 19.5H21C21.3978 19.5 21.7794 19.342 22.0607 19.0607C22.342 18.7794 22.5 18.3978 22.5 18V7.5C22.5 7.10218 22.342 6.72064 22.0607 6.43934C21.7794 6.15804 21.3978 6 21 6ZM16.5 15H19.5V16.5H16.5V15Z\",\n\t\tfill: \"currentColor\"\n\t})\n});\nexport default SvgUCreditCard;\n"],"mappings":"8HAEA,IAAM,EAAkB,IAA0B,EAAA,EAAA,KAAK,MAAO,CAC7D,MAAO,6BACP,MAAO,GACP,OAAQ,GACR,QAAS,YACT,KAAM,OACN,GAAG,EACH,UAA0B,EAAA,EAAA,KAAK,OAAQ,CACtC,SAAU,UACV,SAAU,UACV,EAAG,gZACH,KAAM,cACP,CAAC,CACF,CAAC"}

package/dist/icons/u-credit-card.js

@@ -1,21 +0,0 @@
-import "react";
-import { jsx as e } from "react/jsx-runtime";
-//#region src/icons/u-credit-card.svg?react
-var t = (t) => /* @__PURE__ */ e("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	...t,
-	children: /* @__PURE__ */ e("path", {
-		fillRule: "evenodd",
-		clipRule: "evenodd",
-		d: "M21 7.5V9H3V7.5H21ZM3 10.5H21V18H3V10.5ZM21 6H3C2.60218 6 2.22064 6.15804 1.93934 6.43934C1.65804 6.72064 1.5 7.10218 1.5 7.5V18C1.5 18.3978 1.65804 18.7794 1.93934 19.0607C2.22064 19.342 2.60218 19.5 3 19.5H21C21.3978 19.5 21.7794 19.342 22.0607 19.0607C22.342 18.7794 22.5 18.3978 22.5 18V7.5C22.5 7.10218 22.342 6.72064 22.0607 6.43934C21.7794 6.15804 21.3978 6 21 6ZM16.5 15H19.5V16.5H16.5V15Z",
-		fill: "currentColor"
-	})
-});
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=u-credit-card.js.map

package/dist/icons/u-credit-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"u-credit-card.js","names":[],"sources":["../../src/icons/u-credit-card.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SvgUCreditCard = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 24,\n\theight: 24,\n\tviewBox: \"0 0 24 24\",\n\tfill: \"none\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\tfillRule: \"evenodd\",\n\t\tclipRule: \"evenodd\",\n\t\td: \"M21 7.5V9H3V7.5H21ZM3 10.5H21V18H3V10.5ZM21 6H3C2.60218 6 2.22064 6.15804 1.93934 6.43934C1.65804 6.72064 1.5 7.10218 1.5 7.5V18C1.5 18.3978 1.65804 18.7794 1.93934 19.0607C2.22064 19.342 2.60218 19.5 3 19.5H21C21.3978 19.5 21.7794 19.342 22.0607 19.0607C22.342 18.7794 22.5 18.3978 22.5 18V7.5C22.5 7.10218 22.342 6.72064 22.0607 6.43934C21.7794 6.15804 21.3978 6 21 6ZM16.5 15H19.5V16.5H16.5V15Z\",\n\t\tfill: \"currentColor\"\n\t})\n});\nexport default SvgUCreditCard;\n"],"mappings":";;;AAEA,IAAM,KAAkB,MAA0B,kBAAK,OAAO;CAC7D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,SAAS;CACT,MAAM;CACN,GAAG;CACH,UAA0B,kBAAK,QAAQ;EACtC,UAAU;EACV,UAAU;EACV,GAAG;EACH,MAAM;CACP,CAAC;AACF,CAAC"}

package/dist/ui/card-title.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const cardTitleVariants: (props?: ({
-    gap?: "default" | null | undefined;
-    textSize?: "default" | null | undefined;
-    fontWeight?: "default" | null | undefined;
-    textColor?: "default" | null | undefined;
-    lineHeight?: "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface CardTitleProps extends VariantProps<typeof cardTitleVariants> {
-    icon?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-export declare function CardTitle({ icon, children, className, gap, textSize, fontWeight, textColor, lineHeight, }: CardTitleProps): import("react").JSX.Element;
-export {};

package/dist/ui/card.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const cardVariants: (props?: ({
-    theme?: "default" | "dark" | "outlined" | null | undefined;
-    hover?: "none" | "elevated" | null | undefined;
-    gradient?: "none" | "standard" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface CardProps extends VariantProps<typeof cardVariants> {
-    children?: ReactNode;
-    className?: string;
-    testId?: string;
-}
-export declare function Card({ children, className, testId, theme, hover, gradient, }: CardProps): import("react").JSX.Element;
-export {};

package/dist/utils/group-suggested-tasks.d.ts

@@ -1,7 +0,0 @@
-import { SuggestedTask, SuggestedTaskGroup } from "#/utils/types";
-/**
- * Groups suggested tasks by their repository.
- * @param tasks Array of suggested tasks
- * @returns Array of suggested task groups
- */
-export declare function groupSuggestedTasks(tasks: SuggestedTask[]): SuggestedTaskGroup[];