hunk.code_window: import { useChatContext } from "@/lib/context";
   import { ChatDialogue } from "./components/ChatDialogue";
   import { ShortCuts } from "./components/ShortCuts";
   import { getMergedChatMessagesWithDoneStatusNotificationsReduced } from "./utils/getMergedChatMessagesWithDoneStatusNotificationsReduced";
  
hunk.labels: add keep keep keep keep keep
hunk.after_edit: import { useOnboarding } from "@/lib/hooks/useOnboarding";
  
hunk.file_path: frontend/app/chat/[chatId]/components/ChatDialogueArea/ChatDialogue.tsx
hunk.type: add
file: import { Knowledge } from "@/lib/types/Knowledge";
  
  import KnowledgeItem from "./KnowledgeItem";
  
  interface KnowledgeTableProps {
    knowledgeList: Knowledge[];
  }
  
  export const KnowledgeTable = ({
    knowledgeList,
  }: KnowledgeTableProps): JSX.Element => {
    return (
      <div className="w-full">
        <table className="min-w-full divide-y divide-gray-200">
          <tbody className="bg-white divide-y divide-gray-200">
            {knowledgeList.map((knowledge) => (
              <KnowledgeItem knowledge={knowledge} key={knowledge.id} />
            ))}
          </tbody>
        </table>
      </div>
    );
  };
  