reachat 2.1.0-alpha.20 → 2.1.0-alpha.22

package/dist/docs.json

@@ -105,7 +105,7 @@
       },
       "theme": {
         "defaultValue": {
-          "value": "{\n  base: 'text-content-text-neutral-base',\n  console: 'flex w-full gap-4 h-full',\n  companion: 'w-full h-full overflow-hidden',\n  empty: 'text-center flex-1',\n  appbar: 'flex p-5',\n  sessions: {\n    base: 'overflow-auto',\n    console:\n      'min-w-[150px] w-[30%] max-w-[300px] bg-gradient-neutral-200 p-5 rounded-3xl',\n    companion: 'w-full h-full',\n    group: 'text-xs text-content-text-neutral-3 mt-4 hover:bg-transparent mb-1',\n    create: 'relative mb-4 rounded-[10px] text-white',\n    session: {\n      base: 'group my-1 rounded-[10px] p-2 text-content-text-neutral-1 border border-transparent',\n      active:\n        'border-select-menu-items-color-item-stroke-row-hover [&_button]:opacity-100!',\n      delete: '[&>svg]:w-4 [&>svg]:h-4 opacity-0 group-hover:opacity-50!'\n    }\n  },\n  messages: {\n    base: '',\n    console: 'flex flex-col mx-5 flex-1 overflow-hidden',\n    companion: 'flex w-full h-full',\n    back: 'self-start pl-0 my-2 ',\n    inner: 'flex-1 h-full flex flex-col',\n    title: 'text-base font-bold',\n    date: 'text-xs whitespace-nowrap text-content-text-neutral-2',\n    content: 'mt-2 flex-1 overflow-auto',\n    header: 'flex justify-between items-center gap-2',\n    showMore: 'mb-4',\n    message: {\n      base: 'mt-4 mb-4 flex flex-col p-0 rounded-sm border-none bg-transparent',\n      question:\n        'relative font-semibold mb-4 px-4 py-4 pb-2 rounded-3xl rounded-br-none text-typography border bg-(--background-neutral-raised-5) border-(--stroke-neutral-5)',\n      response:\n        'relative data-[compact=false]:px-4 text-content-text-neutral-base',\n      overlay:\n        \"overflow-y-hidden max-h-[350px] after:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-16 after:bg-linear-to-b after:from-transparent after:to-effects-shadows-base-2-xl\",\n      cursor: 'inline-block w-1 h-4 bg-current',\n      expand: 'absolute bottom-0 right-1 z-10',\n      files: {\n        base: 'mb-2 flex flex-wrap gap-3 ',\n        file: {\n          base: 'flex items-center gap-2 border border-stroke-neutral-4 px-3 py-2 rounded-lg cursor-pointer',\n          name: 'text-sm text-content-text-neutral-4'\n        }\n      },\n      sources: {\n        base: 'my-4 flex flex-wrap gap-3',\n        source: {\n          base: 'flex gap-2 border border-stroke-neutral-4 px-4 py-2 rounded-lg cursor-pointer',\n          companion: 'flex-1 px-3 py-1.5',\n          image: 'max-w-10 max-h-10 rounded-md w-full h-fit self-center',\n          title: 'text-md block',\n          url: 'text-sm text-buttons-colors-link-primary-text-resting underline'\n        }\n      },\n      markdown: {\n        hr: 'my-4 border-t border-stroke-neutral-4',\n        copy: 'sticky py-1 [&>svg]:w-4 [&>svg]:h-4 opacity-50',\n        p: 'mb-2',\n        a: 'text-buttons-colors-link-primary-text-resting underline',\n        table: 'table-auto w-full m-2',\n        th: 'px-4 py-2 text-left font-bold border-b border-stroke-neutral-4',\n        td: 'px-4 py-2',\n        code: 'm-2 rounded-b relative',\n        inlineCode: 'bg-gradient-neutral-200 p-1 rounded',\n        toolbar:\n          'text-xs flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gradient-neutral-500/50',\n        li: 'mb-2 ml-6',\n        ul: 'mb-4 list-disc',\n        ol: 'mb-4 list-decimal',\n        h1: 'text-4xl font-bold mb-4 mt-6',\n        h2: 'text-3xl font-bold mb-3 mt-5',\n        h3: 'text-2xl font-bold mb-3 mt-4',\n        h4: 'text-xl font-bold mb-2 mt-3',\n        h5: 'text-lg font-bold mb-2 mt-2',\n        h6: 'text-base font-bold mb-2 mt-2'\n      },\n      csvPreview: {\n        base: 'flex flex-col gap-2',\n        header: {\n          base: 'flex justify-between items-center gap-4',\n          icon: 'csv-icon flex items-center',\n          actions: 'csv-actions flex items-center gap-6'\n        },\n        tableContainer: 'flex justify-between',\n        dialog: {\n          base: 'fixed inset-0 bg-background-neutral-canvas-base/70 flex justify-center items-center z-50',\n          container:\n            'bg-background-neutral-canvas-base rounded-md w-11/12 h-5/6 overflow-auto'\n        }\n      },\n      footer: {\n        base: 'mt-3 flex gap-1.5',\n        copy: 'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        upvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        downvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        refresh:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!'\n      }\n    }\n  },\n  input: {\n    base: 'flex mt-4 relative',\n    upload:\n      'px-5 py-2 size-10 text-content-text-neutral-2 hover:text-content-text-neutral-base',\n    input:\n      'w-full border rounded-3xl px-3 py-2 pr-16 after:hidden after:mx-10! [&>textarea]:w-full [&>textarea]:flex-none [&>textarea]:outline-none [&>textarea]:resize-none',\n    actions: {\n      base: 'absolute flex gap-2 items-center right-2 inset-y-1/2 -translate-y-1/2 z-10',\n      send: 'px-3 py-3 hover:bg-primary-hover rounded-full size-8',\n      stop: 'px-2 py-2 bg-content-assets-semantic-error-base text-white rounded-full hover:bg-content-assets-semantic-error-1 size-8'\n    }\n  }\n}"
+          "value": "{\n  base: 'text-content-text-neutral-base',\n  console: 'flex w-full gap-4 h-full',\n  companion: 'w-full h-full overflow-hidden',\n  empty: 'text-center flex-1',\n  appbar: 'flex p-5',\n  status: {\n    base: 'py-2 px-3 rounded-lg bg-gray-100/50 dark:bg-gray-800/30',\n    header: 'flex items-center gap-2',\n    icon: {\n      base: 'flex-shrink-0 w-4 h-4',\n      loading: 'text-blue-500 dark:text-blue-400',\n      complete: 'text-green-500 dark:text-green-400',\n      error: 'text-red-500 dark:text-red-400'\n    },\n    text: {\n      base: 'text-sm',\n      loading: 'text-gray-600 dark:text-gray-400',\n      complete: 'text-gray-600 dark:text-gray-400',\n      error: 'text-red-600 dark:text-red-400'\n    },\n    steps: {\n      base: 'mt-1 ml-6 space-y-0.5',\n      step: {\n        base: 'flex items-center gap-2',\n        icon: 'flex-shrink-0 w-3.5 h-3.5',\n        text: 'text-sm',\n        loading: 'text-gray-500 dark:text-gray-500',\n        complete: 'text-gray-500 dark:text-gray-500',\n        error: 'text-red-500 dark:text-red-400'\n      }\n    }\n  },\n  sessions: {\n    base: 'overflow-auto',\n    console:\n      'min-w-[150px] w-[30%] max-w-[300px] bg-gradient-neutral-200 p-5 rounded-3xl',\n    companion: 'w-full h-full',\n    group: 'text-xs text-content-text-neutral-3 mt-4 hover:bg-transparent mb-1',\n    create: 'relative mb-4 rounded-[10px] text-white',\n    session: {\n      base: 'group my-1 rounded-[10px] p-2 text-content-text-neutral-1 border border-transparent',\n      active:\n        'border-select-menu-items-color-item-stroke-row-hover [&_button]:opacity-100!',\n      delete: '[&>svg]:w-4 [&>svg]:h-4 opacity-0 group-hover:opacity-50!'\n    }\n  },\n  messages: {\n    base: '',\n    console: 'flex flex-col mx-5 flex-1 min-h-0',\n    companion: 'flex w-full h-full',\n    back: 'self-start pl-0 my-2 ',\n    inner: 'flex-1 h-full flex flex-col',\n    title: 'text-base font-bold',\n    date: 'text-xs whitespace-nowrap text-content-text-neutral-2',\n    content: 'mt-2 flex-1 overflow-auto',\n    header: 'flex justify-between items-center gap-2',\n    showMore: 'mb-4',\n    message: {\n      base: 'mt-4 mb-4 flex flex-col p-0 rounded-sm border-none bg-transparent',\n      question:\n        'relative font-semibold mb-4 px-4 py-4 pb-2 rounded-3xl rounded-br-none text-typography border bg-(--background-neutral-raised-5) border-(--stroke-neutral-5)',\n      response:\n        'relative data-[compact=false]:px-4 text-content-text-neutral-base',\n      overlay:\n        \"overflow-y-hidden max-h-[350px] after:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-16 after:bg-linear-to-b after:from-transparent after:to-effects-shadows-base-2-xl\",\n      cursor: 'inline-block w-1 h-4 bg-current',\n      expand: 'absolute bottom-1 right-1 z-10',\n      scrollToBottom: {\n        container: 'absolute bottom-2 left-1/2 transform -translate-x-1/2 z-10',\n        button: 'rounded-full p-2 shadow-lg'\n      },\n      files: {\n        base: 'mb-2 flex flex-wrap gap-3 ',\n        file: {\n          base: 'flex items-center gap-2 border border-stroke-neutral-4 px-3 py-2 rounded-lg cursor-pointer',\n          name: 'text-sm text-content-text-neutral-4'\n        }\n      },\n      sources: {\n        base: 'my-4 flex flex-wrap gap-3',\n        source: {\n          base: 'flex gap-2 border border-stroke-neutral-4 px-4 py-2 rounded-lg cursor-pointer',\n          companion: 'flex-1 px-3 py-1.5',\n          image: 'max-w-10 max-h-10 rounded-md w-full h-fit self-center',\n          title: 'text-md block',\n          url: 'text-sm text-buttons-colors-link-primary-text-resting underline'\n        }\n      },\n      markdown: {\n        hr: 'my-4 border-t border-stroke-neutral-4',\n        copy: 'sticky py-1 [&>svg]:w-4 [&>svg]:h-4 opacity-50',\n        p: 'mb-2',\n        a: 'text-buttons-colors-link-primary-text-resting underline',\n        table: 'table-auto w-full m-2',\n        th: 'px-4 py-2 text-left font-bold border-b border-stroke-neutral-4',\n        td: 'px-4 py-2',\n        code: 'm-2 rounded-b relative',\n        inlineCode: 'bg-gradient-neutral-200 p-1 rounded',\n        toolbar:\n          'text-xs flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gradient-neutral-500/50',\n        li: 'mb-2 ml-6',\n        ul: 'mb-4 list-disc',\n        ol: 'mb-4 list-decimal',\n        h1: 'text-4xl font-bold mb-4 mt-6',\n        h2: 'text-3xl font-bold mb-3 mt-5',\n        h3: 'text-2xl font-bold mb-3 mt-4',\n        h4: 'text-xl font-bold mb-2 mt-3',\n        h5: 'text-lg font-bold mb-2 mt-2',\n        h6: 'text-base font-bold mb-2 mt-2'\n      },\n      csvPreview: {\n        base: 'flex flex-col gap-2',\n        header: {\n          base: 'flex justify-between items-center gap-4',\n          icon: 'csv-icon flex items-center',\n          actions: 'csv-actions flex items-center gap-6'\n        },\n        tableContainer: 'flex justify-between',\n        dialog: {\n          base: 'fixed inset-0 bg-background-neutral-canvas-base/70 flex justify-center items-center z-50',\n          container:\n            'bg-background-neutral-canvas-base rounded-md w-11/12 h-5/6 overflow-auto'\n        }\n      },\n      footer: {\n        base: 'mt-3 flex gap-1.5',\n        copy: 'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        upvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        downvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        refresh:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!'\n      }\n    }\n  },\n  input: {\n    base: 'flex mt-4 relative',\n    upload:\n      'px-5 py-2 size-10 text-content-text-neutral-2 hover:text-content-text-neutral-base',\n    input:\n      'w-full border rounded-3xl px-3 py-2 pr-16 after:hidden after:mx-10! [&>textarea]:w-full [&>textarea]:flex-none [&>textarea]:outline-none [&>textarea]:resize-none',\n    actions: {\n      base: 'absolute flex gap-2 items-center right-2 inset-y-1/2 -translate-y-1/2 z-10',\n      send: 'px-3 py-3 hover:bg-primary-hover rounded-full size-8',\n      stop: 'px-2 py-2 bg-content-assets-semantic-error-base text-white rounded-full hover:bg-content-assets-semantic-error-1 size-8'\n    },\n    dropzone: {\n      base: 'relative w-full',\n      active: 'ring-1 ring-primary ring-offset-2 rounded-3xl',\n      overlay:\n        'absolute inset-0 bg-primary/10 border-2 border-dashed border-primary rounded-3xl flex items-center justify-center gap-1.5 z-20 backdrop-blur-sm',\n      text: 'text-primary font-medium text-sm',\n      icon: '[&>svg]:w-4 [&>svg]:h-4 text-primary'\n    }\n  },\n  suggestions: {\n    base: 'flex flex-wrap gap-2 mt-4',\n    item: {\n      base: [\n        'rounded-full! max-w-full py-2 px-4',\n        'bg-gray-100 border-gray-200 hover:bg-gray-200 hover:border-gray-300 text-gray-700',\n        'dark:bg-gray-800/50 dark:border-gray-700 dark:hover:bg-gray-700/70 dark:hover:border-gray-600 dark:text-gray-200',\n        '[&>svg]:w-4 [&>svg]:h-4 [&>svg]:text-blue-500 [&>svg]:dark:text-blue-400 [&>svg]:flex-shrink-0'\n      ].join(' '),\n      icon: 'w-4 h-4 text-blue-500 dark:text-blue-400 flex-shrink-0',\n      text: 'text-sm truncate'\n    }\n  }\n}"
         },
         "description": "Custom theme for the chat.",
         "name": "theme",
@@ -327,7 +327,7 @@
       },
       "theme": {
         "defaultValue": {
-          "value": "{\n  base: 'text-content-text-neutral-base',\n  console: 'flex w-full gap-4 h-full',\n  companion: 'w-full h-full overflow-hidden',\n  empty: 'text-center flex-1',\n  appbar: 'flex p-5',\n  sessions: {\n    base: 'overflow-auto',\n    console:\n      'min-w-[150px] w-[30%] max-w-[300px] bg-gradient-neutral-200 p-5 rounded-3xl',\n    companion: 'w-full h-full',\n    group: 'text-xs text-content-text-neutral-3 mt-4 hover:bg-transparent mb-1',\n    create: 'relative mb-4 rounded-[10px] text-white',\n    session: {\n      base: 'group my-1 rounded-[10px] p-2 text-content-text-neutral-1 border border-transparent',\n      active:\n        'border-select-menu-items-color-item-stroke-row-hover [&_button]:opacity-100!',\n      delete: '[&>svg]:w-4 [&>svg]:h-4 opacity-0 group-hover:opacity-50!'\n    }\n  },\n  messages: {\n    base: '',\n    console: 'flex flex-col mx-5 flex-1 overflow-hidden',\n    companion: 'flex w-full h-full',\n    back: 'self-start pl-0 my-2 ',\n    inner: 'flex-1 h-full flex flex-col',\n    title: 'text-base font-bold',\n    date: 'text-xs whitespace-nowrap text-content-text-neutral-2',\n    content: 'mt-2 flex-1 overflow-auto',\n    header: 'flex justify-between items-center gap-2',\n    showMore: 'mb-4',\n    message: {\n      base: 'mt-4 mb-4 flex flex-col p-0 rounded-sm border-none bg-transparent',\n      question:\n        'relative font-semibold mb-4 px-4 py-4 pb-2 rounded-3xl rounded-br-none text-typography border bg-(--background-neutral-raised-5) border-(--stroke-neutral-5)',\n      response:\n        'relative data-[compact=false]:px-4 text-content-text-neutral-base',\n      overlay:\n        \"overflow-y-hidden max-h-[350px] after:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-16 after:bg-linear-to-b after:from-transparent after:to-effects-shadows-base-2-xl\",\n      cursor: 'inline-block w-1 h-4 bg-current',\n      expand: 'absolute bottom-0 right-1 z-10',\n      files: {\n        base: 'mb-2 flex flex-wrap gap-3 ',\n        file: {\n          base: 'flex items-center gap-2 border border-stroke-neutral-4 px-3 py-2 rounded-lg cursor-pointer',\n          name: 'text-sm text-content-text-neutral-4'\n        }\n      },\n      sources: {\n        base: 'my-4 flex flex-wrap gap-3',\n        source: {\n          base: 'flex gap-2 border border-stroke-neutral-4 px-4 py-2 rounded-lg cursor-pointer',\n          companion: 'flex-1 px-3 py-1.5',\n          image: 'max-w-10 max-h-10 rounded-md w-full h-fit self-center',\n          title: 'text-md block',\n          url: 'text-sm text-buttons-colors-link-primary-text-resting underline'\n        }\n      },\n      markdown: {\n        hr: 'my-4 border-t border-stroke-neutral-4',\n        copy: 'sticky py-1 [&>svg]:w-4 [&>svg]:h-4 opacity-50',\n        p: 'mb-2',\n        a: 'text-buttons-colors-link-primary-text-resting underline',\n        table: 'table-auto w-full m-2',\n        th: 'px-4 py-2 text-left font-bold border-b border-stroke-neutral-4',\n        td: 'px-4 py-2',\n        code: 'm-2 rounded-b relative',\n        inlineCode: 'bg-gradient-neutral-200 p-1 rounded',\n        toolbar:\n          'text-xs flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gradient-neutral-500/50',\n        li: 'mb-2 ml-6',\n        ul: 'mb-4 list-disc',\n        ol: 'mb-4 list-decimal',\n        h1: 'text-4xl font-bold mb-4 mt-6',\n        h2: 'text-3xl font-bold mb-3 mt-5',\n        h3: 'text-2xl font-bold mb-3 mt-4',\n        h4: 'text-xl font-bold mb-2 mt-3',\n        h5: 'text-lg font-bold mb-2 mt-2',\n        h6: 'text-base font-bold mb-2 mt-2'\n      },\n      csvPreview: {\n        base: 'flex flex-col gap-2',\n        header: {\n          base: 'flex justify-between items-center gap-4',\n          icon: 'csv-icon flex items-center',\n          actions: 'csv-actions flex items-center gap-6'\n        },\n        tableContainer: 'flex justify-between',\n        dialog: {\n          base: 'fixed inset-0 bg-background-neutral-canvas-base/70 flex justify-center items-center z-50',\n          container:\n            'bg-background-neutral-canvas-base rounded-md w-11/12 h-5/6 overflow-auto'\n        }\n      },\n      footer: {\n        base: 'mt-3 flex gap-1.5',\n        copy: 'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        upvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        downvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        refresh:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!'\n      }\n    }\n  },\n  input: {\n    base: 'flex mt-4 relative',\n    upload:\n      'px-5 py-2 size-10 text-content-text-neutral-2 hover:text-content-text-neutral-base',\n    input:\n      'w-full border rounded-3xl px-3 py-2 pr-16 after:hidden after:mx-10! [&>textarea]:w-full [&>textarea]:flex-none [&>textarea]:outline-none [&>textarea]:resize-none',\n    actions: {\n      base: 'absolute flex gap-2 items-center right-2 inset-y-1/2 -translate-y-1/2 z-10',\n      send: 'px-3 py-3 hover:bg-primary-hover rounded-full size-8',\n      stop: 'px-2 py-2 bg-content-assets-semantic-error-base text-white rounded-full hover:bg-content-assets-semantic-error-1 size-8'\n    }\n  }\n}"
+          "value": "{\n  base: 'text-content-text-neutral-base',\n  console: 'flex w-full gap-4 h-full',\n  companion: 'w-full h-full overflow-hidden',\n  empty: 'text-center flex-1',\n  appbar: 'flex p-5',\n  status: {\n    base: 'py-2 px-3 rounded-lg bg-gray-100/50 dark:bg-gray-800/30',\n    header: 'flex items-center gap-2',\n    icon: {\n      base: 'flex-shrink-0 w-4 h-4',\n      loading: 'text-blue-500 dark:text-blue-400',\n      complete: 'text-green-500 dark:text-green-400',\n      error: 'text-red-500 dark:text-red-400'\n    },\n    text: {\n      base: 'text-sm',\n      loading: 'text-gray-600 dark:text-gray-400',\n      complete: 'text-gray-600 dark:text-gray-400',\n      error: 'text-red-600 dark:text-red-400'\n    },\n    steps: {\n      base: 'mt-1 ml-6 space-y-0.5',\n      step: {\n        base: 'flex items-center gap-2',\n        icon: 'flex-shrink-0 w-3.5 h-3.5',\n        text: 'text-sm',\n        loading: 'text-gray-500 dark:text-gray-500',\n        complete: 'text-gray-500 dark:text-gray-500',\n        error: 'text-red-500 dark:text-red-400'\n      }\n    }\n  },\n  sessions: {\n    base: 'overflow-auto',\n    console:\n      'min-w-[150px] w-[30%] max-w-[300px] bg-gradient-neutral-200 p-5 rounded-3xl',\n    companion: 'w-full h-full',\n    group: 'text-xs text-content-text-neutral-3 mt-4 hover:bg-transparent mb-1',\n    create: 'relative mb-4 rounded-[10px] text-white',\n    session: {\n      base: 'group my-1 rounded-[10px] p-2 text-content-text-neutral-1 border border-transparent',\n      active:\n        'border-select-menu-items-color-item-stroke-row-hover [&_button]:opacity-100!',\n      delete: '[&>svg]:w-4 [&>svg]:h-4 opacity-0 group-hover:opacity-50!'\n    }\n  },\n  messages: {\n    base: '',\n    console: 'flex flex-col mx-5 flex-1 min-h-0',\n    companion: 'flex w-full h-full',\n    back: 'self-start pl-0 my-2 ',\n    inner: 'flex-1 h-full flex flex-col',\n    title: 'text-base font-bold',\n    date: 'text-xs whitespace-nowrap text-content-text-neutral-2',\n    content: 'mt-2 flex-1 overflow-auto',\n    header: 'flex justify-between items-center gap-2',\n    showMore: 'mb-4',\n    message: {\n      base: 'mt-4 mb-4 flex flex-col p-0 rounded-sm border-none bg-transparent',\n      question:\n        'relative font-semibold mb-4 px-4 py-4 pb-2 rounded-3xl rounded-br-none text-typography border bg-(--background-neutral-raised-5) border-(--stroke-neutral-5)',\n      response:\n        'relative data-[compact=false]:px-4 text-content-text-neutral-base',\n      overlay:\n        \"overflow-y-hidden max-h-[350px] after:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-16 after:bg-linear-to-b after:from-transparent after:to-effects-shadows-base-2-xl\",\n      cursor: 'inline-block w-1 h-4 bg-current',\n      expand: 'absolute bottom-1 right-1 z-10',\n      scrollToBottom: {\n        container: 'absolute bottom-2 left-1/2 transform -translate-x-1/2 z-10',\n        button: 'rounded-full p-2 shadow-lg'\n      },\n      files: {\n        base: 'mb-2 flex flex-wrap gap-3 ',\n        file: {\n          base: 'flex items-center gap-2 border border-stroke-neutral-4 px-3 py-2 rounded-lg cursor-pointer',\n          name: 'text-sm text-content-text-neutral-4'\n        }\n      },\n      sources: {\n        base: 'my-4 flex flex-wrap gap-3',\n        source: {\n          base: 'flex gap-2 border border-stroke-neutral-4 px-4 py-2 rounded-lg cursor-pointer',\n          companion: 'flex-1 px-3 py-1.5',\n          image: 'max-w-10 max-h-10 rounded-md w-full h-fit self-center',\n          title: 'text-md block',\n          url: 'text-sm text-buttons-colors-link-primary-text-resting underline'\n        }\n      },\n      markdown: {\n        hr: 'my-4 border-t border-stroke-neutral-4',\n        copy: 'sticky py-1 [&>svg]:w-4 [&>svg]:h-4 opacity-50',\n        p: 'mb-2',\n        a: 'text-buttons-colors-link-primary-text-resting underline',\n        table: 'table-auto w-full m-2',\n        th: 'px-4 py-2 text-left font-bold border-b border-stroke-neutral-4',\n        td: 'px-4 py-2',\n        code: 'm-2 rounded-b relative',\n        inlineCode: 'bg-gradient-neutral-200 p-1 rounded',\n        toolbar:\n          'text-xs flex items-center justify-between px-2 py-1 rounded-t sticky top-0 backdrop-blur-md bg-gradient-neutral-500/50',\n        li: 'mb-2 ml-6',\n        ul: 'mb-4 list-disc',\n        ol: 'mb-4 list-decimal',\n        h1: 'text-4xl font-bold mb-4 mt-6',\n        h2: 'text-3xl font-bold mb-3 mt-5',\n        h3: 'text-2xl font-bold mb-3 mt-4',\n        h4: 'text-xl font-bold mb-2 mt-3',\n        h5: 'text-lg font-bold mb-2 mt-2',\n        h6: 'text-base font-bold mb-2 mt-2'\n      },\n      csvPreview: {\n        base: 'flex flex-col gap-2',\n        header: {\n          base: 'flex justify-between items-center gap-4',\n          icon: 'csv-icon flex items-center',\n          actions: 'csv-actions flex items-center gap-6'\n        },\n        tableContainer: 'flex justify-between',\n        dialog: {\n          base: 'fixed inset-0 bg-background-neutral-canvas-base/70 flex justify-center items-center z-50',\n          container:\n            'bg-background-neutral-canvas-base rounded-md w-11/12 h-5/6 overflow-auto'\n        }\n      },\n      footer: {\n        base: 'mt-3 flex gap-1.5',\n        copy: 'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        upvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        downvote:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!',\n        refresh:\n          'p-3 rounded-[10px] [&>svg]:size-4 opacity-50 hover:opacity-100!'\n      }\n    }\n  },\n  input: {\n    base: 'flex mt-4 relative',\n    upload:\n      'px-5 py-2 size-10 text-content-text-neutral-2 hover:text-content-text-neutral-base',\n    input:\n      'w-full border rounded-3xl px-3 py-2 pr-16 after:hidden after:mx-10! [&>textarea]:w-full [&>textarea]:flex-none [&>textarea]:outline-none [&>textarea]:resize-none',\n    actions: {\n      base: 'absolute flex gap-2 items-center right-2 inset-y-1/2 -translate-y-1/2 z-10',\n      send: 'px-3 py-3 hover:bg-primary-hover rounded-full size-8',\n      stop: 'px-2 py-2 bg-content-assets-semantic-error-base text-white rounded-full hover:bg-content-assets-semantic-error-1 size-8'\n    },\n    dropzone: {\n      base: 'relative w-full',\n      active: 'ring-1 ring-primary ring-offset-2 rounded-3xl',\n      overlay:\n        'absolute inset-0 bg-primary/10 border-2 border-dashed border-primary rounded-3xl flex items-center justify-center gap-1.5 z-20 backdrop-blur-sm',\n      text: 'text-primary font-medium text-sm',\n      icon: '[&>svg]:w-4 [&>svg]:h-4 text-primary'\n    }\n  },\n  suggestions: {\n    base: 'flex flex-wrap gap-2 mt-4',\n    item: {\n      base: [\n        'rounded-full! max-w-full py-2 px-4',\n        'bg-gray-100 border-gray-200 hover:bg-gray-200 hover:border-gray-300 text-gray-700',\n        'dark:bg-gray-800/50 dark:border-gray-700 dark:hover:bg-gray-700/70 dark:hover:border-gray-600 dark:text-gray-200',\n        '[&>svg]:w-4 [&>svg]:h-4 [&>svg]:text-blue-500 [&>svg]:dark:text-blue-400 [&>svg]:flex-shrink-0'\n      ].join(' '),\n      icon: 'w-4 h-4 text-blue-500 dark:text-blue-400 flex-shrink-0',\n      text: 'text-sm truncate'\n    }\n  }\n}"
         },
         "description": "Custom theme for the appbar",
         "name": "theme",
@@ -484,7 +484,7 @@
       },
       "allowedFiles": {
         "defaultValue": null,
-        "description": "Allowed file types for upload.",
+        "description": "Allowed file extensions for upload (e.g., ['.pdf', '.docx']).",
         "name": "allowedFiles",
         "parent": {
           "fileName": "src/ChatInput/ChatInput.tsx",
@@ -602,6 +602,44 @@
           "name": "ReactElement<any, string | JSXElementConstructor<any>>"
         }
       },
+      "dropIcon": {
+        "defaultValue": null,
+        "description": "Icon to show for the dropzone overlay.",
+        "name": "dropIcon",
+        "parent": {
+          "fileName": "src/ChatInput/ChatInput.tsx",
+          "name": "ChatInputProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/ChatInput.tsx",
+            "name": "ChatInputProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+        }
+      },
+      "dropText": {
+        "defaultValue": null,
+        "description": "Text to show on the dropzone overlay.",
+        "name": "dropText",
+        "parent": {
+          "fileName": "src/ChatInput/ChatInput.tsx",
+          "name": "ChatInputProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/ChatInput.tsx",
+            "name": "ChatInputProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
       "message": {
         "defaultValue": null,
         "description": "Message to be displayed in the input field.",
@@ -663,34 +701,163 @@
   },
   {
     "tags": {},
-    "filePath": "src/ChatInput/FileInput.tsx",
+    "filePath": "src/ChatInput/FileDropzone.tsx",
     "description": "",
-    "displayName": "FileInput",
+    "displayName": "FileDropzone",
     "methods": [],
     "props": {
       "allowedFiles": {
         "defaultValue": null,
-        "description": "Array of allowed file extensions.",
+        "description": "Array of allowed file extensions (e.g., ['.pdf', '.docx', '.png']).",
         "name": "allowedFiles",
         "parent": {
-          "fileName": "src/ChatInput/FileInput.tsx",
-          "name": "FileInputProps"
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
         },
         "declarations": [
           {
-            "fileName": "src/ChatInput/FileInput.tsx",
-            "name": "FileInputProps"
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "string[]"
         }
       },
       "multiple": {
-        "defaultValue": null,
+        "defaultValue": {
+          "value": "false"
+        },
         "description": "Allow multiple file uploads.",
         "name": "multiple",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "disabled": {
+        "defaultValue": null,
+        "description": "Disables the dropzone when true.",
+        "name": "disabled",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "dropIcon": {
+        "defaultValue": {
+          "value": "<UploadIcon />"
+        },
+        "description": "Icon to show for the dropzone overlay.",
+        "name": "dropIcon",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "dropText": {
+        "defaultValue": {
+          "value": "Drop files here to upload"
+        },
+        "description": "Text to show on the dropzone overlay.",
+        "name": "dropText",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "Children to render inside the dropzone.",
+        "name": "children",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "onFileDrop": {
+        "defaultValue": null,
+        "description": "Callback function triggered when files are dropped.",
+        "name": "onFileDrop",
+        "parent": {
+          "fileName": "src/ChatInput/FileDropzone.tsx",
+          "name": "FileDropzoneProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatInput/FileDropzone.tsx",
+            "name": "FileDropzoneProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(file: File) => void"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/ChatInput/FileInput.tsx",
+    "description": "",
+    "displayName": "FileInput",
+    "methods": [],
+    "props": {
+      "allowedFiles": {
+        "defaultValue": null,
+        "description": "Array of allowed file extensions.",
+        "name": "allowedFiles",
         "parent": {
           "fileName": "src/ChatInput/FileInput.tsx",
           "name": "FileInputProps"
@@ -703,13 +870,13 @@
         ],
         "required": true,
         "type": {
-          "name": "boolean"
+          "name": "string[]"
         }
       },
-      "isLoading": {
+      "multiple": {
         "defaultValue": null,
-        "description": "Indicates whether a file upload is in progress.",
-        "name": "isLoading",
+        "description": "Allow multiple file uploads.",
+        "name": "multiple",
         "parent": {
           "fileName": "src/ChatInput/FileInput.tsx",
           "name": "FileInputProps"
@@ -786,6 +953,157 @@
       }
     }
   },
+  {
+    "tags": {},
+    "filePath": "src/ChatSuggestions/ChatSuggestion.tsx",
+    "description": "",
+    "displayName": "ChatSuggestion",
+    "methods": [],
+    "props": {
+      "onClick": {
+        "defaultValue": null,
+        "description": "Callback when the suggestion is clicked.",
+        "name": "onClick",
+        "parent": {
+          "fileName": "src/ChatSuggestions/ChatSuggestion.tsx",
+          "name": "ChatSuggestionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatSuggestions/ChatSuggestion.tsx",
+            "name": "ChatSuggestionProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(suggestion: string) => void"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "Unique identifier for the suggestion",
+        "name": "id",
+        "parent": {
+          "fileName": "reachat/src/types.ts",
+          "name": "Suggestion"
+        },
+        "declarations": [
+          {
+            "fileName": "reachat/src/types.ts",
+            "name": "Suggestion"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "string"
+        }
+      },
+      "content": {
+        "defaultValue": null,
+        "description": "The display text for the suggestion",
+        "name": "content",
+        "parent": {
+          "fileName": "reachat/src/types.ts",
+          "name": "Suggestion"
+        },
+        "declarations": [
+          {
+            "fileName": "reachat/src/types.ts",
+            "name": "Suggestion"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/ChatSuggestions/ChatSuggestions.tsx",
+    "description": "",
+    "displayName": "ChatSuggestions",
+    "methods": [],
+    "props": {
+      "suggestions": {
+        "defaultValue": null,
+        "description": "Array of suggestions to display.",
+        "name": "suggestions",
+        "parent": {
+          "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+          "name": "ChatSuggestionsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+            "name": "ChatSuggestionsProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Suggestion[]"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "Custom class name to apply to the container.",
+        "name": "className",
+        "parent": {
+          "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+          "name": "ChatSuggestionsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+            "name": "ChatSuggestionsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onSuggestionClick": {
+        "defaultValue": null,
+        "description": "Callback when a suggestion is clicked.",
+        "name": "onSuggestionClick",
+        "parent": {
+          "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+          "name": "ChatSuggestionsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+            "name": "ChatSuggestionsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(suggestion: string) => void"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "Custom render function for each suggestion item.\nReceives the suggestion data and onClick handler.",
+        "name": "children",
+        "parent": {
+          "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+          "name": "ChatSuggestionsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/ChatSuggestions/ChatSuggestions.tsx",
+            "name": "ChatSuggestionsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactElement<any, string | JSXElementConstructor<any>>"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "src/Markdown/CodeHighlighter.tsx",
@@ -1024,6 +1342,206 @@
     "methods": [],
     "props": {}
   },
+  {
+    "tags": {},
+    "filePath": "src/MessageStatus/MessageStatus.tsx",
+    "description": "Displays status information with optional sub-steps, similar to Claude's tool status UI.",
+    "displayName": "MessageStatus",
+    "methods": [],
+    "props": {
+      "status": {
+        "defaultValue": {
+          "value": "loading"
+        },
+        "description": "Current status state.",
+        "name": "status",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatus.tsx",
+          "name": "MessageStatusProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatus.tsx",
+            "name": "MessageStatusProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MessageStatusState"
+        }
+      },
+      "text": {
+        "defaultValue": null,
+        "description": "Main status text to display.",
+        "name": "text",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatus.tsx",
+          "name": "MessageStatusProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatus.tsx",
+            "name": "MessageStatusProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "string"
+        }
+      },
+      "steps": {
+        "defaultValue": null,
+        "description": "Optional sub-steps to display.",
+        "name": "steps",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatus.tsx",
+          "name": "MessageStatusProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatus.tsx",
+            "name": "MessageStatusProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MessageStatusStep[]"
+        }
+      },
+      "icon": {
+        "defaultValue": null,
+        "description": "Custom icon to display. If not provided, uses default icons based on status.",
+        "name": "icon",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatus.tsx",
+          "name": "MessageStatusProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatus.tsx",
+            "name": "MessageStatusProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "Additional CSS class name.",
+        "name": "className",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatus.tsx",
+          "name": "MessageStatusProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatus.tsx",
+            "name": "MessageStatusProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/MessageStatus/MessageStatusItem.tsx",
+    "description": "",
+    "displayName": "MessageStatusItem",
+    "methods": [],
+    "props": {
+      "step": {
+        "defaultValue": null,
+        "description": "The step to display.",
+        "name": "step",
+        "parent": {
+          "fileName": "src/MessageStatus/MessageStatusItem.tsx",
+          "name": "MessageStatusItemProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/MessageStatusItem.tsx",
+            "name": "MessageStatusItemProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "MessageStatusStep"
+        }
+      }
+    }
+  },
+  {
+    "tags": {},
+    "filePath": "src/MessageStatus/StatusIcon.tsx",
+    "description": "",
+    "displayName": "StatusIcon",
+    "methods": [],
+    "props": {
+      "state": {
+        "defaultValue": null,
+        "description": "Current state of the status icon.",
+        "name": "state",
+        "parent": {
+          "fileName": "src/MessageStatus/StatusIcon.tsx",
+          "name": "StatusIconProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/StatusIcon.tsx",
+            "name": "StatusIconProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "MessageStatusState"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "Additional CSS class name for the icon container.",
+        "name": "className",
+        "parent": {
+          "fileName": "src/MessageStatus/StatusIcon.tsx",
+          "name": "StatusIconProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/StatusIcon.tsx",
+            "name": "StatusIconProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "colorClassName": {
+        "defaultValue": null,
+        "description": "CSS class name for the icon color based on state.",
+        "name": "colorClassName",
+        "parent": {
+          "fileName": "src/MessageStatus/StatusIcon.tsx",
+          "name": "StatusIconProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/MessageStatus/StatusIcon.tsx",
+            "name": "StatusIconProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    }
+  },
   {
     "tags": {},
     "filePath": "src/SessionMessages/SessionEmpty.tsx",
@@ -1170,6 +1688,27 @@
           "name": "boolean"
         }
       },
+      "showScrollBottomButton": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "Whether to display the scroll to bottom button.",
+        "name": "showScrollBottomButton",
+        "parent": {
+          "fileName": "src/SessionMessages/SessionMessages.tsx",
+          "name": "SessionMessagesProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/SessionMessages/SessionMessages.tsx",
+            "name": "SessionMessagesProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "children": {
         "defaultValue": null,
         "description": "Render function for the session messages.",