@larkup/workspace-app 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@larkup/workspace-app",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "description": "Canonical Larkup chat, data and settings pages with host adapters",
   "files": [
@@ -534,7 +534,7 @@
   "dependencies": {
     "@ai-sdk/react": "4.0.136",
     "@base-ui/react": "^1.5.0",
-    "@larkup/core": "^0.8.0",
+    "@larkup/core": "^0.8.1",
     "ai": "7.0.133",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -557,7 +557,7 @@
     "@larkup/sandbox": "^0.1.8",
     "next": "16.3.8",
     "@larkup/integrations": "0.2.1",
-    "@larkup/tool-doc-editor": "0.3.0",
+    "@larkup/tool-doc-editor": "0.3.1",
     "@larkup/workspace-ui": "0.2.0"
   },
   "peerDependencies": {

package/src/components/chat/chat-workspace.tsx

@@ -936,14 +936,6 @@ function ChatWorkspaceInner({ chatId }: { chatId?: string }) {
   const ready = status?.ready ?? false;
   const selectedModelData = status?.availableModels?.find((m) => m.id === selectedModel);
 
-  if (statusLoading) {
-    return (
-      <div className="flex flex-1 items-center justify-center">
-        <Loader2 className="size-6 animate-spin text-muted-foreground" />
-      </div>
-    );
-  }
-
   return (
     <div
       className={cn(
@@ -1284,18 +1276,28 @@ function ChatWorkspaceInner({ chatId }: { chatId?: string }) {
         {!ready ? (
           <div className="flex flex-col items-center justify-center gap-3 pt-[18vh] text-center">
             <div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-white border text-muted-foreground">
-              <MessageCircle className="size-7" />
+              {statusLoading ? (
+                <Loader2 className="size-6 animate-spin" />
+              ) : (
+                <MessageCircle className="size-7" />
+              )}
             </div>
             <h1 className="text-xl font-semibold tracking-tight text-foreground">
-              {statusError ? 'Chat temporarily unavailable' : 'Setup Required'}
+              {statusLoading
+                ? 'Preparing your workspace'
+                : statusError
+                  ? 'Chat temporarily unavailable'
+                  : 'Setup Required'}
             </h1>
             <p className="max-w-md text-sm leading-relaxed text-muted-foreground mb-2">
-              {statusError
-                ? 'Chat services are temporarily unavailable. Larkup will retry automatically.'
-                : status?.blockers?.join(' ') ||
-                  'Connect a chat model in Settings to start chatting.'}
+              {statusLoading
+                ? 'Loading your chat configuration and available models…'
+                : statusError
+                  ? 'Chat services are temporarily unavailable. Larkup will retry automatically.'
+                  : status?.blockers?.join(' ') ||
+                    'Connect a chat model in Settings to start chatting.'}
             </p>
-            {!statusError && (
+            {!statusLoading && !statusError && (
               <a
                 href={
                   status?.blockers?.some((b) => b.includes('API Key') || b.includes('Settings'))