refactor: introduce write_todos tool for enhanced task management

- Added a new write_todos tool to facilitate the creation and management of planning lists within the chat interface.
- Updated system prompt with detailed instructions on using the write_todos tool, including usage patterns and restrictions.
- Enhanced the chat message handling to support the new tool, ensuring proper integration and user experience.
- Implemented UI components for displaying and interacting with the planning lists, including progress tracking and status indicators.

surfsense_web/components/tool-ui/shared/action-buttons.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import type { FC } from "react";
+import { Button } from "@/components/ui/button";
+import type { Action, ActionsConfig } from "./schema";
+
+interface ActionButtonsProps {
+  actions?: Action[] | ActionsConfig;
+  onAction?: (actionId: string) => void;
+  disabled?: boolean;
+}
+
+export const ActionButtons: FC<ActionButtonsProps> = ({ actions, onAction, disabled }) => {
+  if (!actions) return null;
+
+  // Normalize actions to array format
+  const actionArray: Action[] = Array.isArray(actions)
+    ? actions
+    : [
+        actions.confirm && { ...actions.confirm, id: "confirm" },
+        actions.cancel && { ...actions.cancel, id: "cancel" },
+      ].filter(Boolean) as Action[];
+
+  if (actionArray.length === 0) return null;
+
+  return (
+    <div className="flex flex-wrap gap-2 pt-3">
+      {actionArray.map((action) => (
+        <Button
+          key={action.id}
+          variant={action.variant || "default"}
+          size="sm"
+          disabled={disabled || action.disabled}
+          onClick={() => onAction?.(action.id)}
+        >
+          {action.label}
+        </Button>
+      ))}
+    </div>
+  );
+};
+

surfsense_web/components/tool-ui/shared/index.ts

@@ -0,0 +1,3 @@
+export * from "./schema";
+export * from "./action-buttons";
+

surfsense_web/components/tool-ui/shared/schema.ts

@@ -0,0 +1,24 @@
+import { z } from "zod";
+
+/**
+ * Shared action schema for tool UI components
+ */
+export const ActionSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  variant: z.enum(["default", "secondary", "destructive", "outline", "ghost", "link"]).optional(),
+  disabled: z.boolean().optional(),
+});
+
+export type Action = z.infer<typeof ActionSchema>;
+
+/**
+ * Actions configuration schema
+ */
+export const ActionsConfigSchema = z.object({
+  confirm: ActionSchema.optional(),
+  cancel: ActionSchema.optional(),
+});
+
+export type ActionsConfig = z.infer<typeof ActionsConfigSchema>;
+