@copilotkit/react-textarea 0.19.0-alpha.0 → 0.19.0-alpha.2

package/dist/chunk-ITZHK3YV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/source-search-box/source-search-box.tsx","../src/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"../ui/command\";\n\nimport {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from \"lucide-react\";\nimport { IconForFilePointer } from \"../hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing\";\n\nexport interface FilePointer {\n  name: string;\n  sourceApplication: string;\n  getContents: () => Promise<string>;\n}\n\nexport interface SourceSearchBoxProps {\n  searchTerm: string;\n  recentFiles: FilePointer[];\n  onSelectedFile: (filePointer: FilePointer) => void;\n}\n\nexport function SourceSearchBox(props: SourceSearchBoxProps) {\n  const [selectedValue, setSelectedValue] = useState<string>(\"\");\n\n  return (\n    <Command\n      className=\"rounded-lg border shadow-md\"\n      value={selectedValue}\n      onValueChange={(value) => {\n        setSelectedValue(value);\n      }}\n      filter={(value, search) => {\n        // if the search term is empty, show all commands\n        if (props.searchTerm === \"\") return 1;\n\n        // if the search term is a prefix of the command, show it\n        if (value.startsWith(props.searchTerm)) return 1;\n\n        // otherwise, don't show it\n        return 0;\n      }}\n    >\n      <CommandInput\n        value={props.searchTerm}\n        className=\"rounded-t-lg hidden\"\n        placeholder=\"Search for a command...\"\n      />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n\n        <CommandGroup heading=\"Recents\">\n          {props.recentFiles.map((filePointer) => {\n            return (\n              <CommandItem\n                key={`word-${filePointer.sourceApplication}.${filePointer.name}`}\n                value={filePointer.name}\n                onSelect={(value) => {\n                  console.log(filePointer.name);\n                  props.onSelectedFile(filePointer);\n                }}\n              >\n                <div className=\"flex flex-row gap-3 items-center bg-slate-400 \">\n                  <Logo size=\"40px\">\n                    <IconForFilePointer\n                      filePointer={filePointer}\n                      className=\"mx-auto my-auto\"\n                    />\n                  </Logo>\n                  {filePointer.name}\n                </div>\n              </CommandItem>\n            );\n          })}\n        </CommandGroup>\n\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem\n            onSelect={(value) => {\n              console.log(value);\n              console.log(value);\n            }}\n          >\n            <Calendar className=\"mr-2 h-4 w-4\" />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <Smile className=\"mr-2 h-4 w-4\" />\n            <span>Search Emoji</span>\n          </CommandItem>\n          <CommandItem>\n            <Calculator className=\"mr-2 h-4 w-4\" />\n            <span>Calculator</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n      </CommandList>\n    </Command>\n  );\n}\n\nexport function Logo({\n  children,\n  size = \"20px\",\n}: {\n  children: React.ReactNode;\n  size?: string;\n}) {\n  return (\n    <div\n      className={\"\"}\n      style={{\n        width: size,\n        height: size,\n      }}\n    >\n      <div className={\"\"}>{children}</div>\n    </div>\n  );\n}\n","import useAutosizeTextArea from \"../../../hooks/misc/use-autosize-textarea\";\nimport { MinimalChatGPTMessage } from \"../../../types\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n} from \"../../../types/base/autosuggestions-bare-function\";\nimport { ChipWithIcon } from \"../../manual-ui/chip-with-icon\";\nimport {\n  FilePointer,\n  SourceSearchBox,\n} from \"../../source-search-box/source-search-box\";\nimport { Button } from \"../../ui/button\";\nimport { Label } from \"../../ui/label\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\nimport Chip from \"@mui/material/Chip\";\nimport Avatar from \"@mui/material/Avatar\";\n\nexport type State_SuggestionAppearing = {\n  type: \"suggestion-appearing\";\n  initialSuggestion: SuggestionSnapshot;\n};\n\ntype SuggestionSnapshot = {\n  adjustmentPrompt: string;\n  generatingSuggestion: ReadableStream<string>;\n  editorState: EditingEditorState;\n};\n\nexport interface SuggestionAppearingProps {\n  state: State_SuggestionAppearing;\n  performInsertion: (insertedText: string) => void;\n  goBack: () => void;\n  insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;\n  onGeneratedText: (generatedText: ReadableStream<string>) => void;\n}\n\nexport const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({\n  performInsertion,\n  state,\n  goBack,\n  insertionOrEditingFunction,\n  onGeneratedText,\n}) => {\n  const [adjustmentHistory, setAdjustmentHistory] = useState<\n    SuggestionSnapshot[]\n  >([state.initialSuggestion]);\n\n  const [editSuggestion, setEditSuggestion] = useState<string>(\"\");\n  const [suggestionIsLoading, setSuggestionIsLoading] =\n    useState<boolean>(false);\n\n  const [adjustmentPrompt, setAdjustmentPrompt] = useState<string>(\"\");\n  const [adjustmentLoading, setAdjustmentLoading] = useState<boolean>(false);\n\n  const suggestionTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const adjustmentTextAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const [filePointers, setFilePointers] = useState<FilePointer[]>([]);\n\n  useAutosizeTextArea(suggestionTextAreaRef, editSuggestion || \"\");\n  useAutosizeTextArea(adjustmentTextAreaRef, adjustmentPrompt || \"\");\n\n  // initially focus on the end of the suggestion text area\n  useEffect(() => {\n    suggestionTextAreaRef.current?.focus();\n    suggestionTextAreaRef.current?.setSelectionRange(\n      editSuggestion.length,\n      editSuggestion.length\n    );\n  }, []);\n\n  useEffect(() => {\n    // Check if the stream is already locked\n    if (state.initialSuggestion.generatingSuggestion.locked) {\n      return;\n    }\n    // reset the edit suggestion\n    setEditSuggestion(\"\");\n\n    // read the generating suggestion stream and continuously update the edit suggestion\n    const reader = state.initialSuggestion.generatingSuggestion.getReader();\n\n    const read = async () => {\n      setSuggestionIsLoading(true);\n      while (true) {\n        const { done, value } = await reader.read();\n        if (done) {\n          break;\n        }\n        setEditSuggestion((prev) => {\n          const newSuggestion = prev + value;\n          // Scroll to the bottom of the textarea. We call this here to make sure scroll-to-bottom is synchronous with the state update.\n          if (suggestionTextAreaRef.current) {\n            suggestionTextAreaRef.current.scrollTop =\n              suggestionTextAreaRef.current.scrollHeight;\n          }\n          return newSuggestion;\n        });\n      }\n\n      setSuggestionIsLoading(false);\n    };\n    read();\n\n    return () => {\n      const releaseLockIfNotClosed = async () => {\n        try {\n          await reader.closed;\n        } catch {\n          reader.releaseLock();\n        }\n      };\n\n      releaseLockIfNotClosed();\n    };\n  }, [state]);\n\n  const generateAdjustment = async () => {\n    // don't generate text if the prompt is empty\n    if (!adjustmentPrompt.trim()) {\n      return;\n    }\n\n    setAdjustmentLoading(true);\n    // use insertionOrEditingFunction\n    const adjustmentSuggestionTextStream = await insertionOrEditingFunction(\n      {\n        ...state.initialSuggestion.editorState,\n        selectedText: editSuggestion,\n      },\n      adjustmentPrompt,\n      new AbortController().signal\n    );\n    setAdjustmentLoading(false);\n    onGeneratedText(adjustmentSuggestionTextStream);\n  };\n\n  const showLoading = suggestionIsLoading || adjustmentLoading;\n\n  const AdjustmentPromptComponent = (\n    <>\n      <Label className=\"\">Describe adjustments to the suggested text:</Label>\n      <div className=\"relative w-full flex items-center\">\n        <textarea\n          disabled={suggestionIsLoading}\n          ref={adjustmentTextAreaRef}\n          value={adjustmentPrompt}\n          onChange={(e) => setAdjustmentPrompt(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && e.shiftKey) {\n              e.preventDefault();\n              setAdjustmentPrompt(adjustmentPrompt + \"\\n\");\n            } else if (e.key === \"Enter\") {\n              e.preventDefault();\n              generateAdjustment();\n            }\n          }}\n          placeholder={'\"make it more formal\", \"be more specific\", ...'}\n          style={{ minHeight: \"3rem\" }}\n          className=\"w-full bg-slate-100 h-auto h-min-14 text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-non pr-[3rem]\"\n          rows={1}\n        />\n        <button\n          onClick={generateAdjustment}\n          className=\"absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center\"\n        >\n          <i className=\"material-icons\">arrow_forward</i>\n        </button>\n      </div>\n    </>\n  );\n\n  const SuggestionComponent = (\n    <>\n      <div className=\"flex justify-between items-end w-full\">\n        <Label className=\"mt-4\">Suggested:</Label>\n        <div className=\"ml-auto\">\n          {showLoading && (\n            <div className=\"flex justify-center items-center\">\n              <div\n                className=\"inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\"\n                role=\"status\"\n              >\n                <span className=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n                  Loading...\n                </span>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n      <textarea\n        ref={suggestionTextAreaRef}\n        value={editSuggestion}\n        disabled={adjustmentLoading}\n        onChange={(e) => setEditSuggestion(e.target.value)}\n        className=\"w-full text-base p-2 border border-gray-300 rounded-md resize-none bg-green-50\"\n        style={{ overflow: \"auto\", maxHeight: \"10em\" }}\n      />\n    </>\n  );\n\n  const SubmitComponent = (\n    <div className=\"flex w-full gap-4 justify-start\">\n      <Button\n        className=\" bg-gray-300\"\n        onClick={() => {\n          goBack();\n        }}\n      >\n        <i className=\"material-icons\">arrow_back</i> Back\n      </Button>\n\n      <Button\n        className=\" bg-green-700 text-white\"\n        onClick={() => {\n          performInsertion(editSuggestion);\n        }}\n      >\n        Insert <i className=\"material-icons\">check</i>\n      </Button>\n    </div>\n  );\n\n  // show source search if the last word in the adjustment prompt BEGINS with an @\n  const sourceSearchCandidate = adjustmentPrompt.split(\" \").pop();\n  // if the candidate is @someCandidate, then 'someCandidate', otherwise undefined\n  const sourceSearchWord = sourceSearchCandidate?.startsWith(\"@\")\n    ? sourceSearchCandidate.slice(1)\n    : undefined;\n\n  return (\n    <div className=\"w-full flex flex-col items-start relative gap-2\">\n      {AdjustmentPromptComponent}\n      {filePointers.length > 0 && (\n        <IncludedFilesPreview\n          includedFiles={filePointers}\n          setIncludedFiles={setFilePointers}\n        />\n      )}\n      {sourceSearchWord !== undefined && (\n        <SourceSearchBox\n          searchTerm={sourceSearchWord}\n          recentFiles={mockFiles}\n          onSelectedFile={(filePointer) => {\n            setAdjustmentPrompt(\n              adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), \"\")\n            );\n            setFilePointers((prev) => [...prev, filePointer]);\n\n            // focus back on the adjustment prompt, and move the cursor to the end\n            adjustmentTextAreaRef.current?.focus();\n          }}\n        />\n      )}\n      {SuggestionComponent}\n      {SubmitComponent}\n    </div>\n  );\n};\n\ninterface IncludedFilesPreviewProps {\n  includedFiles: FilePointer[];\n  setIncludedFiles: React.Dispatch<React.SetStateAction<FilePointer[]>>;\n}\n\nexport const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({\n  includedFiles,\n  setIncludedFiles,\n}) => {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex flex-wrap gap-2\">\n        {includedFiles.map((filePointer, index) => {\n          return (\n            <FileChipPreview\n              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}\n              filePointer={filePointer}\n              onDelete={() => {\n                setIncludedFiles((prev) =>\n                  prev.filter((fp) => fp !== filePointer)\n                );\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport interface FileChipPreviewProp {\n  filePointer: FilePointer;\n  onDelete: () => void;\n}\n\nexport const FileChipPreview: React.FC<FileChipPreviewProp> = ({\n  filePointer,\n  onDelete,\n}) => {\n  return (\n    <Chip\n      label={filePointer.name}\n      onDelete={onDelete}\n      avatar={\n        <Avatar sx={{ backgroundColor: \"transparent\" }}>\n          <IconForFilePointer\n            filePointer={filePointer}\n            className=\"w-4 h-4 object-contain\"\n          />\n        </Avatar>\n      }\n    />\n  );\n};\n\nexport function IconForFilePointer({\n  filePointer,\n  className,\n}: {\n  filePointer: FilePointer;\n  className: string;\n}): JSX.Element {\n  if (filePointer.sourceApplication === \"Salesforce\") {\n    return <IconSalesforce className={className} />;\n  } else {\n    return <IconSalesforce className={className} />;\n  }\n}\n\nfunction IconSalesforce({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n      preserveAspectRatio=\"xMidYMid meet\"\n      viewBox=\"0 0 273 191\"\n      {...props}\n    >\n      <title>{\"Salesforce.com logo\"}</title>\n      <defs>\n        <path id=\"a\" d=\"M.06.5h272v190H.06z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <mask id=\"b\" fill=\"#fff\">\n          <use xlinkHref=\"#a\" />\n        </mask>\n        <path\n          fill=\"#00A1E0\"\n          d=\"M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8\"\n          mask=\"url(#b)\"\n        />\n        <path\n          fill=\"#FFFFFE\"\n          d=\"M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31\"\n        />\n        <path\n          fill=\"#FFFFFE\"\n          d=\"M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668\"\n        />\n      </g>\n    </svg>\n  );\n}\n\nconst mockFiles: FilePointer[] = [\n  {\n    name: \"prospecting call transcript\",\n    sourceApplication: \"Salesforce\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n  {\n    name: \"customer feedback\",\n    sourceApplication: \"Zendesk\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n  {\n    name: \"product specifications\",\n    sourceApplication: \"Google Docs\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n  {\n    name: \"meeting minutes\",\n    sourceApplication: \"Microsoft Teams\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n  {\n    name: \"project plan\",\n    sourceApplication: \"Trello\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n  {\n    name: \"code review comments\",\n    sourceApplication: \"Github\",\n    getContents: async () => {\n      return \"some contents\";\n    },\n  },\n];\n"]}

package/dist/{chunk-ASPOPGV7.mjs → chunk-OM5WQQOU.mjs}

@@ -1,5 +1,5 @@
 import { PreSuggestion } from './chunk-CDB7HFCY.mjs';
-import { SuggestionAppearing } from './chunk-4T72ROFJ.mjs';
+import { SuggestionAppearing } from './chunk-ITZHK3YV.mjs';
 import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
 import { useState, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -44,4 +44,4 @@ var HoveringInsertionPromptBox = (props) => {
 
 export { HoveringInsertionPromptBox };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ASPOPGV7.mjs.map
+//# sourceMappingURL=chunk-OM5WQQOU.mjs.map

package/dist/chunk-OM5WQQOU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,SAAgB,aAAa,gBAAgB;AAkDrC;AA9BD,IAAM,6BAA8C,CAAC,UAAU;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,EAAE;AACjE,QAAM,CAAC,MAAM,OAAO,IAAI,SAA+B;AAAA,IACrD,MAAM;AAAA,EACR,CAAC;AAED,QAAM,sBAAsB;AAAA,IAC1B,CAAC,mBAA2C;AAC1C,cAAQ;AAAA,QACN,MAAM;AAAA,QACN,mBAAmB;AAAA,UACjB,aAAa,MAAM;AAAA,UACnB,kBAAkB;AAAA,UAClB,sBAAsB;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,eAAe;AAAA,EAC3B;AAEA,QAAM,SAAS,MAAM;AACnB,YAAQ,EAAE,MAAM,iBAAiB,CAAC;AAAA,EACpC;AAEA,SACE,oBAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,EAAE,OAAO,QAAQ;AAAA,IAEvB,eAAK,SAAS,mBACb,oBAAC,gDACK,QADL;AAAA,MAEC,4BACE,MAAM,UAAU;AAAA,MAElB,0BAA0B;AAAA,MAC1B,6BAA6B;AAAA,MAC7B,iBAAiB;AAAA,MACnB,IAEA,oBAAC,sDACK,QADL;AAAA,MAEC,OAAO;AAAA,MACP;AAAA,MACA,4BACE,MAAM,UAAU;AAAA,MAElB,iBAAiB;AAAA,MACnB;AAAA,GAEJ;AAEJ","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport {\n  State_SuggestionAppearing,\n  SuggestionAppearing,\n} from \"./mode-suggestion-appearing\";\nimport { PreSuggestion, State_PreSuggestion } from \"./mode-pre-suggestion\";\nimport {\n  EditingEditorState,\n  InsertionEditorApiConfig,\n} from \"../../../types/base/autosuggestions-bare-function\";\n\ntype InsertionPromptState = State_PreSuggestion | State_SuggestionAppearing;\n\nexport interface Props {\n  editorState: EditingEditorState;\n  apiConfig: InsertionEditorApiConfig;\n  performInsertion: (insertedText: string) => void;\n  closeWindow: () => void;\n}\n\nexport const HoveringInsertionPromptBox: React.FC<Props> = (props) => {\n  const [insertionPrompt, setInsertionPrompt] = useState<string>(\"\");\n  const [mode, setMode] = useState<InsertionPromptState>({\n    type: \"pre-suggestion\",\n  });\n\n  const handleGeneratedText = useCallback(\n    (generatingText: ReadableStream<string>) => {\n      setMode({\n        type: \"suggestion-appearing\",\n        initialSuggestion: {\n          editorState: props.editorState,\n          adjustmentPrompt: insertionPrompt,\n          generatingSuggestion: generatingText,\n        },\n      });\n    },\n    [setMode, insertionPrompt]\n  );\n\n  const goBack = () => {\n    setMode({ type: \"pre-suggestion\" });\n  };\n\n  return (\n    <div\n      className=\"flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white\"\n      style={{ width: \"30rem\" }}\n    >\n      {mode.type === \"pre-suggestion\" ? (\n        <PreSuggestion\n          {...props}\n          insertionOrEditingFunction={\n            props.apiConfig.insertionOrEditingFunction\n          }\n          insertionOrEditingPrompt={insertionPrompt}\n          setInsertionOrEditingPrompt={setInsertionPrompt}\n          onGeneratedText={handleGeneratedText}\n        />\n      ) : (\n        <SuggestionAppearing\n          {...props}\n          state={mode}\n          goBack={goBack}\n          insertionOrEditingFunction={\n            props.apiConfig.insertionOrEditingFunction\n          }\n          onGeneratedText={handleGeneratedText}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-VHIS7RTM.mjs → chunk-PF3XRNDB.mjs}

@@ -1,7 +1,7 @@
 import { useMakeStandardAutosuggestionFunction } from './chunk-HAFHLU4N.mjs';
 import { useMakeStandardInsertionOrEditingFunction } from './chunk-VBIJPE3H.mjs';
 import { defaultAutosuggestionsConfig } from './chunk-QL2GYGG5.mjs';
-import { BaseCopilotTextarea } from './chunk-MA4NHL3H.mjs';
+import { BaseCopilotTextarea } from './chunk-7SMDOAG2.mjs';
 import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
 import React from 'react';
 import merge from 'lodash.merge';
@@ -41,4 +41,4 @@ var CopilotTextarea = React.forwardRef(
 
 export { CopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VHIS7RTM.mjs.map
+//# sourceMappingURL=chunk-PF3XRNDB.mjs.map

package/dist/{chunk-CIFH63LP.mjs → chunk-RPDVSCLO.mjs}

@@ -1,4 +1,4 @@
-import { HoveringInsertionPromptBox } from './chunk-ASPOPGV7.mjs';
+import { HoveringInsertionPromptBox } from './chunk-OM5WQQOU.mjs';
 import { useHoveringEditorContext } from './chunk-YW3REYX6.mjs';
 import { Portal, Menu } from './chunk-XHUMROEY.mjs';
 import { getTextAroundSelection, getFullEditorTextWithNewlines } from './chunk-IXJ2HCOA.mjs';
@@ -104,4 +104,4 @@ function editorState(editor, selection) {
 
 export { HoveringToolbar };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CIFH63LP.mjs.map
+//# sourceMappingURL=chunk-RPDVSCLO.mjs.map

package/dist/components/base-copilot-textarea/base-copilot-textarea.mjs

@@ -1,4 +1,4 @@
-export { BaseCopilotTextarea } from '../../chunk-MA4NHL3H.mjs';
+export { BaseCopilotTextarea } from '../../chunk-7SMDOAG2.mjs';
 import '../../chunk-YQU7WG7T.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-F3MHL6ZY.mjs';
@@ -8,13 +8,13 @@ import '../../chunk-JAFCXEPU.mjs';
 import '../../chunk-CSGFJU3L.mjs';
 import '../../chunk-KCHYD3EB.mjs';
 import '../../chunk-MPME5BW2.mjs';
-import '../../chunk-CIFH63LP.mjs';
+import '../../chunk-RPDVSCLO.mjs';
 import '../../chunk-L7VVZH4Q.mjs';
-import '../../chunk-ASPOPGV7.mjs';
+import '../../chunk-OM5WQQOU.mjs';
 import '../../chunk-CDB7HFCY.mjs';
 import '../../chunk-YW3REYX6.mjs';
 import '../../chunk-XHUMROEY.mjs';
-import '../../chunk-4T72ROFJ.mjs';
+import '../../chunk-ITZHK3YV.mjs';
 import '../../chunk-ND5PXTAW.mjs';
 import '../../chunk-3YJ63D5D.mjs';
 import '../../chunk-O5OWT5GE.mjs';

package/dist/components/copilot-textarea/copilot-textarea.mjs

@@ -1,4 +1,4 @@
-export { CopilotTextarea } from '../../chunk-VHIS7RTM.mjs';
+export { CopilotTextarea } from '../../chunk-PF3XRNDB.mjs';
 import '../../chunk-HAFHLU4N.mjs';
 import '../../chunk-VBIJPE3H.mjs';
 import '../../chunk-5FO6ISW4.mjs';
@@ -7,7 +7,7 @@ import '../../chunk-55EGOC5T.mjs';
 import '../../chunk-XDT7BF3V.mjs';
 import '../../chunk-A2RRLD23.mjs';
 import '../../chunk-5ARCOTW3.mjs';
-import '../../chunk-MA4NHL3H.mjs';
+import '../../chunk-7SMDOAG2.mjs';
 import '../../chunk-YQU7WG7T.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-F3MHL6ZY.mjs';
@@ -17,13 +17,13 @@ import '../../chunk-JAFCXEPU.mjs';
 import '../../chunk-CSGFJU3L.mjs';
 import '../../chunk-KCHYD3EB.mjs';
 import '../../chunk-MPME5BW2.mjs';
-import '../../chunk-CIFH63LP.mjs';
+import '../../chunk-RPDVSCLO.mjs';
 import '../../chunk-L7VVZH4Q.mjs';
-import '../../chunk-ASPOPGV7.mjs';
+import '../../chunk-OM5WQQOU.mjs';
 import '../../chunk-CDB7HFCY.mjs';
 import '../../chunk-YW3REYX6.mjs';
 import '../../chunk-XHUMROEY.mjs';
-import '../../chunk-4T72ROFJ.mjs';
+import '../../chunk-ITZHK3YV.mjs';
 import '../../chunk-ND5PXTAW.mjs';
 import '../../chunk-3YJ63D5D.mjs';
 import '../../chunk-O5OWT5GE.mjs';

package/dist/components/hovering-toolbar/hovering-toolbar.mjs

@@ -1,10 +1,10 @@
-export { HoveringToolbar } from '../../chunk-CIFH63LP.mjs';
+export { HoveringToolbar } from '../../chunk-RPDVSCLO.mjs';
 import '../../chunk-L7VVZH4Q.mjs';
-import '../../chunk-ASPOPGV7.mjs';
+import '../../chunk-OM5WQQOU.mjs';
 import '../../chunk-CDB7HFCY.mjs';
 import '../../chunk-YW3REYX6.mjs';
 import '../../chunk-XHUMROEY.mjs';
-import '../../chunk-4T72ROFJ.mjs';
+import '../../chunk-ITZHK3YV.mjs';
 import '../../chunk-ND5PXTAW.mjs';
 import '../../chunk-3YJ63D5D.mjs';
 import '../../chunk-O5OWT5GE.mjs';

package/dist/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.mjs

@@ -1,6 +1,6 @@
-export { HoveringInsertionPromptBox } from '../../../chunk-ASPOPGV7.mjs';
+export { HoveringInsertionPromptBox } from '../../../chunk-OM5WQQOU.mjs';
 import '../../../chunk-CDB7HFCY.mjs';
-import '../../../chunk-4T72ROFJ.mjs';
+import '../../../chunk-ITZHK3YV.mjs';
 import '../../../chunk-ND5PXTAW.mjs';
 import '../../../chunk-3YJ63D5D.mjs';
 import '../../../chunk-O5OWT5GE.mjs';

package/dist/components/hovering-toolbar/text-insertion-prompt-box/index.mjs

@@ -1,7 +1,7 @@
 import '../../../chunk-L7VVZH4Q.mjs';
-export { HoveringInsertionPromptBox } from '../../../chunk-ASPOPGV7.mjs';
+export { HoveringInsertionPromptBox } from '../../../chunk-OM5WQQOU.mjs';
 import '../../../chunk-CDB7HFCY.mjs';
-import '../../../chunk-4T72ROFJ.mjs';
+import '../../../chunk-ITZHK3YV.mjs';
 import '../../../chunk-ND5PXTAW.mjs';
 import '../../../chunk-3YJ63D5D.mjs';
 import '../../../chunk-O5OWT5GE.mjs';

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.d.ts

@@ -29,7 +29,7 @@ interface FileChipPreviewProp {
     onDelete: () => void;
 }
 declare const FileChipPreview: React__default.FC<FileChipPreviewProp>;
-declare function IconForFilePointer({ filePointer, className }: {
+declare function IconForFilePointer({ filePointer, className, }: {
     filePointer: FilePointer;
     className: string;
 }): JSX.Element;

package/dist/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.mjs

@@ -1,4 +1,4 @@
-export { FileChipPreview, IconForFilePointer, IncludedFilesPreview, SuggestionAppearing } from '../../../chunk-4T72ROFJ.mjs';
+export { FileChipPreview, IconForFilePointer, IncludedFilesPreview, SuggestionAppearing } from '../../../chunk-ITZHK3YV.mjs';
 import '../../../chunk-ND5PXTAW.mjs';
 import '../../../chunk-3YJ63D5D.mjs';
 import '../../../chunk-O5OWT5GE.mjs';

package/dist/components/index.mjs

@@ -1,5 +1,5 @@
 import '../chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from '../chunk-VHIS7RTM.mjs';
+export { CopilotTextarea } from '../chunk-PF3XRNDB.mjs';
 import '../chunk-HAFHLU4N.mjs';
 import '../chunk-VBIJPE3H.mjs';
 import '../chunk-5FO6ISW4.mjs';
@@ -8,7 +8,7 @@ import '../chunk-55EGOC5T.mjs';
 import '../chunk-XDT7BF3V.mjs';
 import '../chunk-A2RRLD23.mjs';
 import '../chunk-5ARCOTW3.mjs';
-export { BaseCopilotTextarea } from '../chunk-MA4NHL3H.mjs';
+export { BaseCopilotTextarea } from '../chunk-7SMDOAG2.mjs';
 import '../chunk-YQU7WG7T.mjs';
 import '../chunk-WJYQWL4I.mjs';
 import '../chunk-F3MHL6ZY.mjs';
@@ -18,13 +18,13 @@ import '../chunk-JAFCXEPU.mjs';
 import '../chunk-CSGFJU3L.mjs';
 import '../chunk-KCHYD3EB.mjs';
 import '../chunk-MPME5BW2.mjs';
-import '../chunk-CIFH63LP.mjs';
+import '../chunk-RPDVSCLO.mjs';
 import '../chunk-L7VVZH4Q.mjs';
-import '../chunk-ASPOPGV7.mjs';
+import '../chunk-OM5WQQOU.mjs';
 import '../chunk-CDB7HFCY.mjs';
 import '../chunk-YW3REYX6.mjs';
 import '../chunk-XHUMROEY.mjs';
-import '../chunk-4T72ROFJ.mjs';
+import '../chunk-ITZHK3YV.mjs';
 import '../chunk-ND5PXTAW.mjs';
 import '../chunk-3YJ63D5D.mjs';
 import '../chunk-O5OWT5GE.mjs';

package/dist/components/manual-ui/chip-with-icon.mjs

@@ -1,7 +1,11 @@
 import '../../chunk-MRXNTQOX.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var ChipWithIcon = ({ label, onDelete, iconUrl }) => {
+var ChipWithIcon = ({
+  label,
+  onDelete,
+  iconUrl
+}) => {
   return /* @__PURE__ */ jsxs("span", {
     className: "inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white",
     children: [

package/dist/components/manual-ui/chip-with-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/manual-ui/chip-with-icon.tsx"],"names":[],"mappings":";;;AAWI,SAEI,KAFJ;AAFG,IAAM,eAA4C,CAAC,EAAE,OAAO,UAAU,QAAQ,MAAM;AACzF,SACE,qBAAC;AAAA,IAAK,WAAU;AAAA,IACb;AAAA,iBACC,oBAAC;AAAA,QACC,KAAK;AAAA,QACL,KAAI;AAAA,QACJ,WAAU;AAAA,OACZ;AAAA,MAED;AAAA,MACD,oBAAC;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACV;AAAA,OAED;AAAA;AAAA,GACF;AAEJ","sourcesContent":["import React from 'react';\n\n\nexport interface ChipWithIconProps {\n  label: string;\n  onDelete: () => void;\n  iconUrl: string;\n}\n\nexport const ChipWithIcon: React.FC<ChipWithIconProps> = ({ label, onDelete, iconUrl }) => {\n  return (\n    <span className=\"inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white\">\n      {iconUrl && (\n        <img\n          src={iconUrl}\n          alt=\"icon\"\n          className=\"w-4 h-4 rounded-full mr-2\"\n        />\n      )}\n      {label}\n      <button\n        className=\"ml-2 text-white hover:text-gray-200 focus:outline-none\"\n        onClick={onDelete}\n      >\n        x\n      </button>\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/manual-ui/chip-with-icon.tsx"],"names":[],"mappings":";;;AAcI,SAEI,KAFJ;AANG,IAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,qBAAC;AAAA,IAAK,WAAU;AAAA,IACb;AAAA,iBACC,oBAAC;AAAA,QAAI,KAAK;AAAA,QAAS,KAAI;AAAA,QAAO,WAAU;AAAA,OAA4B;AAAA,MAErE;AAAA,MACD,oBAAC;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACV;AAAA,OAED;AAAA;AAAA,GACF;AAEJ","sourcesContent":["import React from \"react\";\n\nexport interface ChipWithIconProps {\n  label: string;\n  onDelete: () => void;\n  iconUrl: string;\n}\n\nexport const ChipWithIcon: React.FC<ChipWithIconProps> = ({\n  label,\n  onDelete,\n  iconUrl,\n}) => {\n  return (\n    <span className=\"inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white\">\n      {iconUrl && (\n        <img src={iconUrl} alt=\"icon\" className=\"w-4 h-4 rounded-full mr-2\" />\n      )}\n      {label}\n      <button\n        className=\"ml-2 text-white hover:text-gray-200 focus:outline-none\"\n        onClick={onDelete}\n      >\n        x\n      </button>\n    </span>\n  );\n};\n"]}

package/dist/components/source-search-box/source-search-box.d.ts

@@ -9,7 +9,7 @@ interface SourceSearchBoxProps {
     onSelectedFile: (filePointer: FilePointer) => void;
 }
 declare function SourceSearchBox(props: SourceSearchBoxProps): JSX.Element;
-declare function Logo({ children, size }: {
+declare function Logo({ children, size, }: {
     children: React.ReactNode;
     size?: string;
 }): JSX.Element;

package/dist/components/source-search-box/source-search-box.mjs

@@ -1,4 +1,4 @@
-export { Logo, SourceSearchBox } from '../../chunk-4T72ROFJ.mjs';
+export { Logo, SourceSearchBox } from '../../chunk-ITZHK3YV.mjs';
 import '../../chunk-ND5PXTAW.mjs';
 import '../../chunk-3YJ63D5D.mjs';
 import '../../chunk-O5OWT5GE.mjs';

package/dist/index.mjs

@@ -1,8 +1,7 @@
 import './chunk-DE5K76I2.mjs';
 import './chunk-WADHCMPK.mjs';
-import './chunk-IU3WTXLQ.mjs';
 import './chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from './chunk-VHIS7RTM.mjs';
+export { CopilotTextarea } from './chunk-PF3XRNDB.mjs';
 import './chunk-HAFHLU4N.mjs';
 import './chunk-VBIJPE3H.mjs';
 import './chunk-5FO6ISW4.mjs';
@@ -11,7 +10,7 @@ import './chunk-55EGOC5T.mjs';
 import './chunk-XDT7BF3V.mjs';
 import './chunk-A2RRLD23.mjs';
 export { ChatlikeApiEndpoint } from './chunk-5ARCOTW3.mjs';
-export { BaseCopilotTextarea } from './chunk-MA4NHL3H.mjs';
+export { BaseCopilotTextarea } from './chunk-7SMDOAG2.mjs';
 import './chunk-YQU7WG7T.mjs';
 import './chunk-WJYQWL4I.mjs';
 import './chunk-F3MHL6ZY.mjs';
@@ -21,13 +20,13 @@ import './chunk-JAFCXEPU.mjs';
 import './chunk-CSGFJU3L.mjs';
 import './chunk-KCHYD3EB.mjs';
 import './chunk-MPME5BW2.mjs';
-import './chunk-CIFH63LP.mjs';
+import './chunk-RPDVSCLO.mjs';
 import './chunk-L7VVZH4Q.mjs';
-import './chunk-ASPOPGV7.mjs';
+import './chunk-OM5WQQOU.mjs';
 import './chunk-CDB7HFCY.mjs';
 import './chunk-YW3REYX6.mjs';
 import './chunk-XHUMROEY.mjs';
-import './chunk-4T72ROFJ.mjs';
+import './chunk-ITZHK3YV.mjs';
 import './chunk-ND5PXTAW.mjs';
 import './chunk-3YJ63D5D.mjs';
 import './chunk-O5OWT5GE.mjs';
@@ -39,6 +38,7 @@ export { defaultBaseAutosuggestionsConfig } from './chunk-D7SEV5PR.mjs';
 import './chunk-LNAIMEB2.mjs';
 import './chunk-OELUUJZY.mjs';
 import './chunk-OD7ZMOVE.mjs';
+import './chunk-IU3WTXLQ.mjs';
 import './chunk-H4VKQGVU.mjs';
 import './chunk-NKW5OU2S.mjs';
 import './chunk-YTOPHPSG.mjs';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.19.0-alpha.0",
+  "version": "0.19.0-alpha.2",
   "sideEffects": [
     "**/*.css"
   ],
@@ -32,9 +32,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.1.3",
     "typescript": "^4.9.4",
-    "tsconfig": "0.3.0",
+    "tailwind-config": "0.1.0",
     "eslint-config-custom": "0.2.0",
-    "tailwind-config": "0.1.0"
+    "tsconfig": "0.3.0"
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",
@@ -60,7 +60,7 @@
     "slate-history": "^0.93.0",
     "slate-react": "^0.98.1",
     "tailwind-merge": "^1.13.2",
-    "@copilotkit/react-core": "0.8.0-alpha.0"
+    "@copilotkit/react-core": "0.8.0-alpha.2"
   },
   "scripts": {
     "build": "tsup --treeshake",

package/src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx

@@ -43,7 +43,10 @@ export const HoveringInsertionPromptBox: React.FC<Props> = (props) => {
   };
 
   return (
-    <div className="flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white" style={{width: "30rem"}}>
+    <div
+      className="flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white"
+      style={{ width: "30rem" }}
+    >
       {mode.type === "pre-suggestion" ? (
         <PreSuggestion
           {...props}

package/src/components/hovering-toolbar/text-insertion-prompt-box/mode-suggestion-appearing.tsx

@@ -13,9 +13,8 @@ import { Button } from "../../ui/button";
 import { Label } from "../../ui/label";
 import React, { useEffect, useRef, useState } from "react";
 
-import Chip from '@mui/material/Chip';
-import Avatar from '@mui/material/Avatar';
-
+import Chip from "@mui/material/Chip";
+import Avatar from "@mui/material/Avatar";
 
 export type State_SuggestionAppearing = {
   type: "suggestion-appearing";
@@ -234,8 +233,11 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
   return (
     <div className="w-full flex flex-col items-start relative gap-2">
       {AdjustmentPromptComponent}
-      { filePointers.length > 0 && (
-        <IncludedFilesPreview includedFiles={filePointers} setIncludedFiles={setFilePointers} />
+      {filePointers.length > 0 && (
+        <IncludedFilesPreview
+          includedFiles={filePointers}
+          setIncludedFiles={setFilePointers}
+        />
       )}
       {sourceSearchWord !== undefined && (
         <SourceSearchBox
@@ -243,10 +245,7 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
           recentFiles={mockFiles}
           onSelectedFile={(filePointer) => {
             setAdjustmentPrompt(
-              adjustmentPrompt.replace(
-                new RegExp(`@${sourceSearchWord}$`),
-                ""
-              )
+              adjustmentPrompt.replace(new RegExp(`@${sourceSearchWord}$`), "")
             );
             setFilePointers((prev) => [...prev, filePointer]);
 
@@ -261,13 +260,15 @@ export const SuggestionAppearing: React.FC<SuggestionAppearingProps> = ({
   );
 };
 
-
 interface IncludedFilesPreviewProps {
   includedFiles: FilePointer[];
   setIncludedFiles: React.Dispatch<React.SetStateAction<FilePointer[]>>;
 }
 
-export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({ includedFiles, setIncludedFiles }) => {
+export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({
+  includedFiles,
+  setIncludedFiles,
+}) => {
   return (
     <div className="flex flex-col gap-2">
       <div className="flex flex-wrap gap-2">
@@ -277,7 +278,9 @@ export const IncludedFilesPreview: React.FC<IncludedFilesPreviewProps> = ({ incl
               key={`file-${filePointer.sourceApplication}.${filePointer.name}`}
               filePointer={filePointer}
               onDelete={() => {
-                setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+                setIncludedFiles((prev) =>
+                  prev.filter((fp) => fp !== filePointer)
+                );
               }}
             />
           );
@@ -301,58 +304,66 @@ export const FileChipPreview: React.FC<FileChipPreviewProp> = ({
       label={filePointer.name}
       onDelete={onDelete}
       avatar={
-        <Avatar sx={{ backgroundColor: 'transparent' }}>
-          <IconForFilePointer filePointer={filePointer} className="w-4 h-4 object-contain" />
+        <Avatar sx={{ backgroundColor: "transparent" }}>
+          <IconForFilePointer
+            filePointer={filePointer}
+            className="w-4 h-4 object-contain"
+          />
         </Avatar>
       }
     />
   );
-}
+};
 
-export function IconForFilePointer({filePointer, className}: {filePointer: FilePointer, className: string}): JSX.Element {
-  if(filePointer.sourceApplication === "Salesforce") {
-    return <IconSalesforce className={className} />
+export function IconForFilePointer({
+  filePointer,
+  className,
+}: {
+  filePointer: FilePointer;
+  className: string;
+}): JSX.Element {
+  if (filePointer.sourceApplication === "Salesforce") {
+    return <IconSalesforce className={className} />;
   } else {
-    return <IconSalesforce className={className} />
+    return <IconSalesforce className={className} />;
   }
 }
 
 function IconSalesforce({ className, ...props }: React.ComponentProps<"svg">) {
   return (
     <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    preserveAspectRatio="xMidYMid meet"
-    viewBox="0 0 273 191"
-    {...props}
-  >
-    <title>{"Salesforce.com logo"}</title>
-    <defs>
-      <path id="a" d="M.06.5h272v190H.06z" />
-    </defs>
-    <g fillRule="evenodd">
-      <mask id="b" fill="#fff">
-        <use xlinkHref="#a" />
-      </mask>
-      <path
-        fill="#00A1E0"
-        d="M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8"
-        mask="url(#b)"
-      />
-      <path
-        fill="#FFFFFE"
-        d="M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31"
-      />
-      <path
-        fill="#FFFFFE"
-        d="M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668"
-      />
-    </g>
-  </svg>
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      preserveAspectRatio="xMidYMid meet"
+      viewBox="0 0 273 191"
+      {...props}
+    >
+      <title>{"Salesforce.com logo"}</title>
+      <defs>
+        <path id="a" d="M.06.5h272v190H.06z" />
+      </defs>
+      <g fillRule="evenodd">
+        <mask id="b" fill="#fff">
+          <use xlinkHref="#a" />
+        </mask>
+        <path
+          fill="#00A1E0"
+          d="M113 21.3c8.78-9.14 21-14.8 34.5-14.8 18 0 33.6 10 42 24.9a58 58 0 0 1 23.7-5.05c32.4 0 58.7 26.5 58.7 59.2s-26.3 59.2-58.7 59.2c-3.96 0-7.82-.398-11.6-1.15-7.35 13.1-21.4 22-37.4 22a42.7 42.7 0 0 1-18.8-4.32c-7.45 17.5-24.8 29.8-45 29.8-21.1 0-39-13.3-45.9-32a45.1 45.1 0 0 1-9.34.972c-25.1 0-45.4-20.6-45.4-45.9 0-17 9.14-31.8 22.7-39.8a52.6 52.6 0 0 1-4.35-21c0-29.2 23.7-52.8 52.9-52.8 17.1 0 32.4 8.15 42 20.8"
+          mask="url(#b)"
+        />
+        <path
+          fill="#FFFFFE"
+          d="M39.4 99.3c-.171.446.061.539.116.618.511.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.92-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.26.799 7.09 1.81 0 0 .542.35.739-.173.107-.283 1.04-2.78 1.14-3.06.106-.293-.08-.514-.271-.628-2.1-1.28-5-2.15-8-2.15l-.557.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.592.184c2.68.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.941 0-3.94-.016-7.19-2.07-.393-.229-.617-.394-.92-.579-.16-.097-.56-.272-.734.252l-1.1 3.06m81.7 0c-.171.446.061.539.118.618.509.37 1.03.638 1.55.939 2.78 1.47 5.4 1.9 8.14 1.9 5.58 0 9.05-2.97 9.05-7.75v-.094c0-4.42-3.91-6.03-7.58-7.18l-.479-.155c-2.77-.898-5.16-1.68-5.16-3.5v-.093c0-1.56 1.4-2.71 3.56-2.71 2.4 0 5.25.799 7.09 1.81 0 0 .542.35.74-.173.106-.283 1.04-2.78 1.13-3.06.107-.293-.08-.514-.27-.628-2.1-1.28-5-2.15-8-2.15l-.558.002c-5.11 0-8.68 3.09-8.68 7.51v.095c0 4.66 3.94 6.18 7.62 7.23l.591.184c2.69.824 5 1.54 5 3.42v.094c0 1.73-1.51 3.02-3.93 3.02-.943 0-3.95-.016-7.19-2.07-.393-.229-.623-.387-.921-.579-.101-.064-.572-.248-.733.252l-1.1 3.06m55.8-9.36c0 2.7-.504 4.83-1.49 6.34-.984 1.49-2.47 2.22-4.54 2.22s-3.55-.724-4.52-2.21c-.977-1.5-1.47-3.64-1.47-6.34 0-2.7.496-4.82 1.47-6.31.968-1.48 2.44-2.19 4.52-2.19s3.56.717 4.54 2.19c.992 1.49 1.49 3.61 1.49 6.31m4.66-5.01c-.459-1.55-1.17-2.91-2.12-4.05a10.151 10.151 0 0 0-3.58-2.72c-1.42-.665-3.1-1-5-1s-3.57.337-5 1c-1.42.664-2.63 1.58-3.58 2.72-.948 1.14-1.66 2.5-2.12 4.05-.455 1.54-.686 3.22-.686 5.01 0 1.79.231 3.47.686 5.01.457 1.55 1.17 2.91 2.12 4.05.951 1.14 2.16 2.05 3.58 2.7 1.43.648 3.11.978 5 .978 1.89 0 3.57-.33 4.99-.978 1.42-.648 2.63-1.56 3.58-2.7.949-1.14 1.66-2.5 2.12-4.05.454-1.54.685-3.22.685-5.01 0-1.78-.231-3.47-.685-5.01m38.3 12.8c-.153-.453-.595-.282-.595-.282-.677.259-1.4.499-2.17.619-.776.122-1.64.183-2.55.183-2.25 0-4.05-.671-5.33-2-1.29-1.33-2.01-3.47-2-6.37.007-2.64.645-4.62 1.79-6.14 1.13-1.5 2.87-2.28 5.17-2.28 1.92 0 3.39.223 4.93.705 0 0 .365.159.54-.322.409-1.13.711-1.94 1.15-3.18.124-.355-.18-.505-.291-.548-.604-.236-2.03-.623-3.11-.786-1.01-.154-2.18-.234-3.5-.234-1.96 0-3.7.335-5.19.999-1.49.663-2.75 1.58-3.75 2.72-1 1.14-1.76 2.5-2.27 4.05-.505 1.54-.76 3.23-.76 5.02 0 3.86 1.04 6.99 3.1 9.28 2.06 2.3 5.16 3.46 9.2 3.46 2.39 0 4.84-.483 6.6-1.18 0 0 .336-.162.19-.554l-1.15-3.16m8.15-10.4c.223-1.5.634-2.75 1.28-3.72.967-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.65.975.934 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.397-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.959 1.16-1.68 2.53-2.14 4.1-.46 1.55-.692 3.25-.692 5.03 0 1.82.241 3.51.715 5.04.479 1.54 1.25 2.89 2.29 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.52.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.175-.098.34-.267.134-.754l-1.03-2.89c-.158-.431-.594-.275-.594-.275-1.13.422-2.73 1.18-6.48 1.17-2.45-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.471-6.79zm-142 3.3c.223-1.5.635-2.75 1.28-3.72.968-1.48 2.44-2.29 4.51-2.29s3.44.814 4.42 2.29c.649.975.933 2.27 1.04 3.72l-11.3-.002zm15.7-3.3c-.396-1.49-1.38-3-2.02-3.69-1.02-1.09-2.01-1.86-3-2.28a11.5 11.5 0 0 0-4.52-.917c-1.97 0-3.76.333-5.21 1.01-1.45.682-2.67 1.61-3.63 2.77-.957 1.16-1.68 2.53-2.14 4.1-.459 1.55-.69 3.25-.69 5.03 0 1.82.239 3.51.716 5.04.478 1.54 1.25 2.89 2.28 4.01 1.04 1.13 2.37 2.01 3.97 2.63 1.59.615 3.51.934 5.73.927 4.56-.015 6.96-1.03 7.94-1.58.174-.098.34-.267.133-.754l-1.03-2.89c-.159-.431-.595-.275-.595-.275-1.13.422-2.73 1.18-6.48 1.17-2.44-.004-4.26-.727-5.4-1.86-1.16-1.16-1.74-2.85-1.83-5.25l15.8.012s.416-.004.459-.41c.017-.168.541-3.24-.472-6.79zm-49.8 13.6c-.619-.494-.705-.615-.91-.936-.313-.483-.473-1.17-.473-2.05 0-1.38.46-2.38 1.41-3.05-.01.002 1.36-1.18 4.58-1.14a32 32 0 0 1 4.28.365v7.17h.002s-2 .431-4.26.567c-3.21.193-4.63-.924-4.62-.921zm6.28-11.1c-.64-.047-1.47-.07-2.46-.07-1.35 0-2.66.168-3.88.498-1.23.332-2.34.846-3.29 1.53a7.63 7.63 0 0 0-2.29 2.6c-.559 1.04-.844 2.26-.844 3.64 0 1.4.243 2.61.723 3.6a6.54 6.54 0 0 0 2.06 2.47c.877.638 1.96 1.11 3.21 1.39 1.24.283 2.64.426 4.18.426 1.62 0 3.23-.136 4.79-.399a95.1 95.1 0 0 0 3.97-.772c.526-.121 1.11-.28 1.11-.28.39-.099.36-.516.36-.516l-.009-14.4c0-3.16-.844-5.51-2.51-6.96-1.66-1.45-4.09-2.18-7.24-2.18-1.18 0-3.09.16-4.23.389 0 0-3.44.668-4.86 1.78 0 0-.312.192-.142.627l1.12 3c.139.389.518.256.518.256s.119-.047.259-.13c3.03-1.65 6.87-1.6 6.87-1.6 1.7 0 3.02.345 3.9 1.02.861.661 1.3 1.66 1.3 3.76v.667c-1.35-.196-2.6-.309-2.6-.309zm127-8.13a.428.428 0 0 0-.237-.568c-.269-.102-1.61-.385-2.64-.449-1.98-.124-3.08.21-4.07.654-.978.441-2.06 1.15-2.66 1.97l-.002-1.92c0-.264-.187-.477-.453-.477h-4.04c-.262 0-.452.213-.452.477v23.5a.48.48 0 0 0 .479.479h4.14a.479.479 0 0 0 .478-.479v-11.8c0-1.58.174-3.15.521-4.14.342-.979.807-1.76 1.38-2.32a4.79 4.79 0 0 1 1.95-1.17 7.68 7.68 0 0 1 2.12-.298c.825 0 1.73.212 1.73.212.304.034.473-.152.576-.426.271-.721 1.04-2.88 1.19-3.31"
+        />
+        <path
+          fill="#FFFFFE"
+          d="M162.201 67.548a13.258 13.258 0 0 0-1.559-.37 12.217 12.217 0 0 0-2.144-.166c-2.853 0-5.102.806-6.681 2.398-1.568 1.58-2.635 3.987-3.17 7.154l-.193 1.069h-3.581s-.437-.018-.529.459l-.588 3.28c-.041.314.094.51.514.508h3.486l-3.537 19.743c-.277 1.59-.594 2.898-.945 3.889-.346.978-.684 1.711-1.1 2.243-.403.515-.785.894-1.444 1.115-.544.183-1.17.267-1.856.267-.382 0-.89-.064-1.265-.139-.375-.074-.57-.158-.851-.276 0 0-.409-.156-.57.254-.131.335-1.06 2.89-1.17 3.206-.112.312.045.558.243.629.464.166.809.272 1.441.421.878.207 1.618.22 2.311.22 1.452 0 2.775-.204 3.872-.6 1.104-.399 2.065-1.094 2.915-2.035.919-1.015 1.497-2.078 2.05-3.528.547-1.437 1.013-3.221 1.386-5.3l3.554-20.109h5.196s.438.016.529-.459l.588-3.28c.041-.314-.093-.51-.515-.508h-5.043c.025-.114.254-1.888.833-3.558.247-.713.712-1.288 1.106-1.683a3.273 3.273 0 0 1 1.321-.822 5.48 5.48 0 0 1 1.693-.244c.475 0 .941.057 1.296.131.489.104.679.159.807.197.514.157.583.005.684-.244l1.206-3.312c.124-.356-.178-.506-.29-.55m-70.474 34.117c0 .264-.188.479-.452.479h-4.183c-.265 0-.453-.215-.453-.479V67.997c0-.263.188-.476.453-.476h4.183c.264 0 .452.213.452.476v33.668"
+        />
+      </g>
+    </svg>
   );
 }
 
-
 const mockFiles: FilePointer[] = [
   {
     name: "prospecting call transcript",

package/src/components/manual-ui/chip-with-icon.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-
+import React from "react";
 
 export interface ChipWithIconProps {
   label: string;
@@ -7,15 +6,15 @@ export interface ChipWithIconProps {
   iconUrl: string;
 }
 
-export const ChipWithIcon: React.FC<ChipWithIconProps> = ({ label, onDelete, iconUrl }) => {
+export const ChipWithIcon: React.FC<ChipWithIconProps> = ({
+  label,
+  onDelete,
+  iconUrl,
+}) => {
   return (
     <span className="inline-flex items-center px-3 py-1 rounded-full bg-slate-200 text-sm font-medium text-white">
       {iconUrl && (
-        <img
-          src={iconUrl}
-          alt="icon"
-          className="w-4 h-4 rounded-full mr-2"
-        />
+        <img src={iconUrl} alt="icon" className="w-4 h-4 rounded-full mr-2" />
       )}
       {label}
       <button