apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 00:36:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(icons): replace 'Pen' icon with 'Pencil' across various components for consistency

Browse source
This commit is contained in:
Anish Sarkar 2026-04-24 02:33:57 +05:30
parent 1e9db6f26f
commit 17f9ee4b59
30 changed files with 62 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/app/dashboard/[search_space_id]/user-settings/components/MemoryContent.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { ArrowUp, ChevronDown, ClipboardCopy, Download, Info, Pen } from "lucide-react"; import { ArrowUp, ChevronDown, ClipboardCopy, Download, Info, Pencil } from "lucide-react";
import { useCallback, useEffect, useRef, useState } from "react"; import { useCallback, useEffect, useRef, useState } from "react";
import { toast } from "sonner"; import { toast } from "sonner";
import { z } from "zod"; import { z } from "zod";
@ -241,7 +241,7 @@ export function MemoryContent() {
onClick={openInput} onClick={openInput}
className="absolute bottom-3 right-3 z-10 h-[54px] w-[54px] rounded-full border bg-muted/60 backdrop-blur-sm shadow-sm" className="absolute bottom-3 right-3 z-10 h-[54px] w-[54px] rounded-full border bg-muted/60 backdrop-blur-sm shadow-sm"
> >
<Pen className="!h-5 !w-5" /> <Pencil className="!h-5 !w-5" />
</Button> </Button>
)} )}
</div> </div>

4
surfsense_web/app/dashboard/[search_space_id]/user-settings/components/PromptsContent.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { AlertTriangle, Globe, Lock, PenLine, Sparkles, Trash2 } from "lucide-react"; import { AlertTriangle, Globe, Lock, Pencil, Sparkles, Trash2 } from "lucide-react";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { toast } from "sonner"; import { toast } from "sonner";
import { import {
@ -308,7 +308,7 @@ export function PromptsContent() {
className="size-7" className="size-7"
onClick={() => handleEdit(prompt)} onClick={() => handleEdit(prompt)}
> >
<PenLine className="size-3.5" /> <Pencil className="size-3.5" />
</Button> </Button>
<Button <Button
variant="ghost" variant="ghost"

4
surfsense_web/components/assistant-ui/user-message.tsx
View file

@ -1,6 +1,6 @@
import { ActionBarPrimitive, AuiIf, MessagePrimitive, useAuiState } from "@assistant-ui/react"; import { ActionBarPrimitive, AuiIf, MessagePrimitive, useAuiState } from "@assistant-ui/react";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { CheckIcon, CopyIcon, FileText, Pen } from "lucide-react"; import { CheckIcon, CopyIcon, FileText, Pencil } from "lucide-react";
import Image from "next/image"; import Image from "next/image";
import { type FC, useState } from "react"; import { type FC, useState } from "react";
import { currentThreadAtom } from "@/atoms/chat/current-thread.atom"; import { currentThreadAtom } from "@/atoms/chat/current-thread.atom";
@ -136,7 +136,7 @@ const UserActionBar: FC = () => {
{canEdit && ( {canEdit && (
<ActionBarPrimitive.Edit asChild> <ActionBarPrimitive.Edit asChild>
<TooltipIconButton tooltip="Edit" className="aui-user-action-edit"> <TooltipIconButton tooltip="Edit" className="aui-user-action-edit">
<Pen /> <Pencil />
</TooltipIconButton> </TooltipIconButton>
</ActionBarPrimitive.Edit> </ActionBarPrimitive.Edit>
)} )}

4
surfsense_web/components/chat-comments/comment-item/comment-actions.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { MoreHorizontal, PenLine, Trash2 } from "lucide-react"; import { MoreHorizontal, Pencil, Trash2 } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { import {
DropdownMenu, DropdownMenu,
@ -29,7 +29,7 @@ export function CommentActions({ canEdit, canDelete, onEdit, onDelete }: Comment
<DropdownMenuContent align="end"> <DropdownMenuContent align="end">
{canEdit && ( {canEdit && (
<DropdownMenuItem onClick={onEdit}> <DropdownMenuItem onClick={onEdit}>
<PenLine className="mr-2 size-4" /> <Pencil className="mr-2 size-4" />
Edit Edit
</DropdownMenuItem> </DropdownMenuItem>
)} )}

6
surfsense_web/components/documents/DocumentNode.tsx
View file

@ -8,7 +8,7 @@ import {
History, History,
MoreHorizontal, MoreHorizontal,
Move, Move,
PenLine, Pencil,
Trash2, Trash2,
} from "lucide-react"; } from "lucide-react";
import React, { useCallback, useRef, useState } from "react"; import React, { useCallback, useRef, useState } from "react";
@ -266,7 +266,7 @@ export const DocumentNode = React.memo(function DocumentNode({
</DropdownMenuItem> </DropdownMenuItem>
{isEditable && ( {isEditable && (
<DropdownMenuItem onClick={() => onEdit(doc)}> <DropdownMenuItem onClick={() => onEdit(doc)}>
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
Edit Edit
</DropdownMenuItem> </DropdownMenuItem>
)} )}
@ -309,7 +309,7 @@ export const DocumentNode = React.memo(function DocumentNode({
</ContextMenuItem> </ContextMenuItem>
{isEditable && ( {isEditable && (
<ContextMenuItem onClick={() => onEdit(doc)}> <ContextMenuItem onClick={() => onEdit(doc)}>
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
Edit Edit
</ContextMenuItem> </ContextMenuItem>
)} )}

6
surfsense_web/components/documents/FolderNode.tsx
View file

@ -12,7 +12,7 @@ import {
FolderPlus, FolderPlus,
MoreHorizontal, MoreHorizontal,
Move, Move,
PenLine, Pencil,
RefreshCw, RefreshCw,
Trash2, Trash2,
} from "lucide-react"; } from "lucide-react";
@ -399,7 +399,7 @@ export const FolderNode = React.memo(function FolderNode({
startRename(); startRename();
}} }}
> >
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
Rename Rename
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
@ -456,7 +456,7 @@ export const FolderNode = React.memo(function FolderNode({
New subfolder New subfolder
</ContextMenuItem> </ContextMenuItem>
<ContextMenuItem onClick={() => startRename()}> <ContextMenuItem onClick={() => startRename()}>
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
Rename Rename
</ContextMenuItem> </ContextMenuItem>
<ContextMenuItem onClick={() => onMove(folder)}> <ContextMenuItem onClick={() => onMove(folder)}>

4
surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
View file

@ -8,7 +8,7 @@ import {
ChevronLeft, ChevronLeft,
MessageCircleMore, MessageCircleMore,
MoreHorizontal, MoreHorizontal,
PenLine, Pencil,
RotateCcwIcon, RotateCcwIcon,
Search, Search,
Trash2, Trash2,
@ -429,7 +429,7 @@ export function AllPrivateChatsSidebarContent({
<DropdownMenuItem <DropdownMenuItem
onClick={() => handleStartRename(thread.id, thread.title || "New Chat")} onClick={() => handleStartRename(thread.id, thread.title || "New Chat")}
> >
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
<span>{t("rename") || "Rename"}</span> <span>{t("rename") || "Rename"}</span>
</DropdownMenuItem> </DropdownMenuItem>
)} )}

4
surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
View file

@ -8,7 +8,7 @@ import {
ChevronLeft, ChevronLeft,
MessageCircleMore, MessageCircleMore,
MoreHorizontal, MoreHorizontal,
PenLine, Pencil,
RotateCcwIcon, RotateCcwIcon,
Search, Search,
Trash2, Trash2,
@ -428,7 +428,7 @@ export function AllSharedChatsSidebarContent({
<DropdownMenuItem <DropdownMenuItem
onClick={() => handleStartRename(thread.id, thread.title || "New Chat")} onClick={() => handleStartRename(thread.id, thread.title || "New Chat")}
> >
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
<span>{t("rename") || "Rename"}</span> <span>{t("rename") || "Rename"}</span>
</DropdownMenuItem> </DropdownMenuItem>
)} )}

4
surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { ArchiveIcon, MoreHorizontal, PenLine, RotateCcwIcon, Trash2 } from "lucide-react"; import { ArchiveIcon, MoreHorizontal, Pencil, RotateCcwIcon, Trash2 } from "lucide-react";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -106,7 +106,7 @@ export function ChatListItem({
onRename(); onRename();
}} }}
> >
<PenLine className="mr-2 h-4 w-4" /> <Pencil className="mr-2 h-4 w-4" />
<span>{t("rename") || "Rename"}</span> <span>{t("rename") || "Rename"}</span>
</DropdownMenuItem> </DropdownMenuItem>
)} )}

4
surfsense_web/components/layout/ui/sidebar/Sidebar.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { CreditCard, PenSquare, Zap } from "lucide-react"; import { CreditCard, SquarePen, Zap } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
@ -139,7 +139,7 @@ export function Sidebar({
{/* New chat button */} {/* New chat button */}
<div className={cn("flex flex-col gap-0.5 py-2", isCollapsed && "items-center")}> <div className={cn("flex flex-col gap-0.5 py-2", isCollapsed && "items-center")}>
<SidebarButton <SidebarButton
icon={PenSquare} icon={SquarePen}
label={t("new_chat")} label={t("new_chat")}
onClick={onNewChat} onClick={onNewChat}
isCollapsed={isCollapsed} isCollapsed={isCollapsed}

4
surfsense_web/components/layout/ui/tabs/DocumentTabContent.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { Download, FileQuestionMark, FileText, Loader2, PenLine, RefreshCw } from "lucide-react"; import { Download, FileQuestionMark, FileText, Loader2, Pencil, RefreshCw } from "lucide-react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { useCallback, useEffect, useRef, useState } from "react"; import { useCallback, useEffect, useRef, useState } from "react";
import { toast } from "sonner"; import { toast } from "sonner";
@ -258,7 +258,7 @@ export function DocumentTabContent({ documentId, searchSpaceId, title }: Documen
onClick={() => setIsEditing(true)} onClick={() => setIsEditing(true)}
className="gap-1.5" className="gap-1.5"
> >
<PenLine className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/settings/team-memory-manager.tsx
View file

@ -2,7 +2,7 @@
import { useQuery, useQueryClient } from "@tanstack/react-query"; import { useQuery, useQueryClient } from "@tanstack/react-query";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { ArrowUp, ChevronDown, ClipboardCopy, Download, Info, Pen } from "lucide-react"; import { ArrowUp, ChevronDown, ClipboardCopy, Download, Info, Pencil } from "lucide-react";
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import { toast } from "sonner"; import { toast } from "sonner";
import { z } from "zod"; import { z } from "zod";
@ -247,7 +247,7 @@ export function TeamMemoryManager({ searchSpaceId }: TeamMemoryManagerProps) {
onClick={openInput} onClick={openInput}
className="absolute bottom-3 right-3 z-10 h-[54px] w-[54px] rounded-full border bg-muted/60 backdrop-blur-sm shadow-sm" className="absolute bottom-3 right-3 z-10 h-[54px] w-[54px] rounded-full border bg-muted/60 backdrop-blur-sm shadow-sm"
> >
<Pen className="!h-5 !w-5" /> <Pencil className="!h-5 !w-5" />
</Button> </Button>
)} )}
</div> </div>

4
surfsense_web/components/tool-ui/confluence/create-confluence-page.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -222,7 +222,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/confluence/update-confluence-page.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -241,7 +241,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/dropbox/create-file.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, FileIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, FileIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -224,7 +224,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/generic-hitl-approval.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import type { ToolCallMessagePartComponent } from "@assistant-ui/react"; import type { ToolCallMessagePartComponent } from "@assistant-ui/react";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { TextShimmerLoader } from "@/components/prompt-kit/loader"; import { TextShimmerLoader } from "@/components/prompt-kit/loader";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -167,7 +167,7 @@ function GenericApprovalCard({
className="rounded-lg text-muted-foreground -mt-1 -mr-2" className="rounded-lg text-muted-foreground -mt-1 -mr-2"
onClick={() => setIsEditing(true)} onClick={() => setIsEditing(true)}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/gmail/create-draft.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen, UserIcon, UsersIcon } from "lucide-react"; import { CornerDownLeftIcon, Pencil, UserIcon, UsersIcon } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom"; import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
@ -251,7 +251,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/gmail/send-email.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, MailIcon, Pen, UserIcon, UsersIcon } from "lucide-react"; import { CornerDownLeftIcon, MailIcon, Pencil, UserIcon, UsersIcon } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom"; import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
@ -250,7 +250,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/gmail/update-draft.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, MailIcon, Pen, UserIcon, UsersIcon } from "lucide-react"; import { CornerDownLeftIcon, MailIcon, Pencil, UserIcon, UsersIcon } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom"; import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
@ -283,7 +283,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/google-calendar/create-event.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { ClockIcon, CornerDownLeftIcon, GlobeIcon, MapPinIcon, Pen, UsersIcon } from "lucide-react"; import { ClockIcon, CornerDownLeftIcon, GlobeIcon, MapPinIcon, Pencil, UsersIcon } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom"; import type { ExtraField } from "@/atoms/chat/hitl-edit-panel.atom";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
@ -332,7 +332,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/google-calendar/update-event.tsx
View file

@ -7,7 +7,7 @@ import {
ClockIcon, ClockIcon,
CornerDownLeftIcon, CornerDownLeftIcon,
MapPinIcon, MapPinIcon,
Pen, Pencil,
UsersIcon, UsersIcon,
} from "lucide-react"; } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
@ -415,7 +415,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/google-drive/create-file.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, FileIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, FileIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -240,7 +240,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/jira/create-jira-issue.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -257,7 +257,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/jira/update-jira-issue.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -273,7 +273,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -269,7 +269,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -332,7 +332,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/notion/create-notion-page.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -219,7 +219,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/notion/update-notion-page.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -196,7 +196,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/tool-ui/onedrive/create-file.tsx
View file

@ -2,7 +2,7 @@
import type { ToolCallMessagePartProps } from "@assistant-ui/react"; import type { ToolCallMessagePartProps } from "@assistant-ui/react";
import { useSetAtom } from "jotai"; import { useSetAtom } from "jotai";
import { CornerDownLeftIcon, FileIcon, Pen } from "lucide-react"; import { CornerDownLeftIcon, FileIcon, Pencil } from "lucide-react";
import { useCallback, useEffect, useMemo, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom"; import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
import { PlateEditor } from "@/components/editor/plate-editor"; import { PlateEditor } from "@/components/editor/plate-editor";
@ -209,7 +209,7 @@ function ApprovalCard({
}); });
}} }}
> >
<Pen className="size-3.5" /> <Pencil className="size-3.5" />
Edit Edit
</Button> </Button>
)} )}

4
surfsense_web/components/ui/mode-toolbar-button.tsx
View file

@ -1,6 +1,6 @@
"use client"; "use client";
import { BookOpenIcon, PenLineIcon } from "lucide-react"; import { BookOpenIcon, Pencil } from "lucide-react";
import { usePlateState } from "platejs/react"; import { usePlateState } from "platejs/react";
import { ToolbarButton } from "./toolbar"; import { ToolbarButton } from "./toolbar";
@ -13,7 +13,7 @@ export function ModeToolbarButton() {
tooltip={readOnly ? "Click to edit" : "Click to view"} tooltip={readOnly ? "Click to edit" : "Click to view"}
onClick={() => setReadOnly(!readOnly)} onClick={() => setReadOnly(!readOnly)}
> >
{readOnly ? <BookOpenIcon /> : <PenLineIcon />} {readOnly ? <BookOpenIcon /> : <Pencil />}
</ToolbarButton> </ToolbarButton>
); );
} }