ai-instructions

1"use client"
2 
3import {
4  createContext,
5  useCallback,
6  useContext,
7  useMemo,
8  useState,
9  type ComponentProps,
10  type PropsWithChildren,
11  type ReactNode,
12} from "react"
13import {
14  CheckmarkSquare02Icon,
15  PlusSignIcon,
16  SettingsIcon,
17} from "@hugeicons/core-free-icons"
18import { HugeiconsIcon } from "@hugeicons/react"
19 
20import { cn } from "@/lib/utils"
21import { Button } from "@/components/ui/button"
22import {
23  Command,
24  CommandEmpty,
25  CommandGroup,
26  CommandInput,
27  CommandItem,
28  CommandList,
29  CommandSeparator,
30} from "@/components/ui/command"
31import {
32  Dialog,
33  DialogClose,
34  DialogContent,
35  DialogDescription,
36  DialogFooter,
37  DialogHeader,
38  DialogTitle,
39  type DialogDescriptionProps,
40  type DialogTitleProps,
41} from "@/components/ui/dialog"
42import {
43  HoverCard,
44  HoverCardContent,
45  HoverCardTrigger,
46} from "@/components/ui/hover-card"
47import { Input } from "@/components/ui/input"
48import {
49  Popover,
50  PopoverContent,
51  PopoverTrigger,
52} from "@/components/ui/popover"
53import { Textarea } from "@/components/ui/textarea"
54 
55// ============================================================================
56// Types
57// ============================================================================
58 
59export interface Instruction {
60  /** Unique identifier for the instruction */
61  id: string
62  /** Display title for the instruction */
63  title: string
64  /** Short description shown in the list */
65  description: string
66  /** Full instruction content shown in hover preview */
67  content?: string
68  /** Whether this is a user-created instruction */
69  isCustom?: boolean
70}
71 
72export interface InstructionsContextValue {
73  /** Currently active instruction IDs */
74  activeIds: string[]
75  /** Toggle an instruction's active state */
76  toggle: (id: string) => void
77  /** Check if an instruction is active */
78  isActive: (id: string) => boolean
79  /** All available instructions */
80  instructions: Instruction[]
81  /** Add a custom instruction */
82  addCustom: (instruction: Omit<Instruction, "id" | "isCustom">) => void
83  /** Remove a custom instruction */
84  removeCustom: (id: string) => void
85  /** Open state for the popover */
86  open: boolean
87  /** Set open state for the popover */
88  setOpen: (open: boolean) => void
89  /** Open state for the create dialog */
90  createDialogOpen: boolean
91  /** Set open state for the create dialog */
92  setCreateDialogOpen: (open: boolean) => void
93}
94 
95// ============================================================================
96// Context
97// … truncated