feat: dashboard v2, esm, upgrades (#211)

* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
2025-10-16 12:27:44 +02:00
parent 436e81ecc9
commit 81a7e5d62e
741 changed files with 32695 additions and 16996 deletions
--- a/apps/start/src/components/chat/chat-form.tsx
+++ b/apps/start/src/components/chat/chat-form.tsx
@@ -0,0 +1,70 @@
+import { cn } from '@/utils/cn';
+import type { useChat } from '@ai-sdk/react';
+import { useLocalStorage } from 'usehooks-ts';
+import { Button } from '../ui/button';
+import { ScrollArea } from '../ui/scroll-area';
+
+type Props = Pick<
+  ReturnType<typeof useChat>,
+  'handleSubmit' | 'handleInputChange' | 'input' | 'append'
+> & {
+  projectId: string;
+  isLimited: boolean;
+};
+
+export function ChatForm({
+  handleSubmit: handleSubmitProp,
+  input,
+  handleInputChange,
+  append,
+  projectId,
+  isLimited,
+}: Props) {
+  const [quickActions, setQuickActions] = useLocalStorage<string[]>(
+    `chat-quick-actions:${projectId}`,
+    [],
+  );
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    handleSubmitProp(e);
+    setQuickActions([input, ...quickActions].slice(0, 5));
+  };
+
+  return (
+    <div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-def-100 to-def-100/50 backdrop-blur-sm z-20">
+      <ScrollArea orientation="horizontal">
+        <div className="row gap-2 px-4">
+          {quickActions.map((q) => (
+            <Button
+              disabled={isLimited}
+              key={q}
+              type="button"
+              variant="outline"
+              size="sm"
+              onClick={() => {
+                append({
+                  role: 'user',
+                  content: q,
+                });
+              }}
+            >
+              {q}
+            </Button>
+          ))}
+        </div>
+      </ScrollArea>
+      <form onSubmit={handleSubmit} className="p-4 pt-2">
+        <input
+          disabled={isLimited}
+          className={cn(
+            'w-full h-12 px-4 outline-none border border-border text-foreground rounded-md font-mono placeholder:text-foreground/50 bg-background/50',
+            isLimited && 'opacity-50 cursor-not-allowed',
+          )}
+          value={input}
+          placeholder="Ask me anything..."
+          onChange={handleInputChange}
+        />
+      </form>
+    </div>
+  );
+}