lemma-sdk 0.2.24 → 0.2.27

package/dist/react/AuthGuard.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { ApiError } from "../http.js";
 import { useAuth } from "./useAuth.js";
 function DefaultSignInPage({ onSignIn }) {
     return (_jsx("div", { style: {
@@ -36,20 +38,135 @@ function DefaultSignInPage({ onSignIn }) {
                         cursor: "pointer",
                     }, children: "Sign In" })] }) }));
 }
+function DefaultRequestAccessPage({ isPending, isSubmitting, error, onRequestAccess, }) {
+    const message = isPending
+        ? "Access request sent. An admin can approve it from the pod settings."
+        : "You are signed in, but you are not a member of this pod yet.";
+    return (_jsx("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: "100vh",
+            fontFamily: "system-ui, -apple-system, sans-serif",
+            backgroundColor: "#f9fafb",
+            gap: "16px",
+        }, children: _jsxs("div", { style: {
+                backgroundColor: "#fff",
+                borderRadius: "12px",
+                boxShadow: "0 1px 4px rgba(0,0,0,0.1)",
+                padding: "40px 48px",
+                textAlign: "center",
+                maxWidth: "420px",
+                width: "100%",
+            }, children: [_jsx("h1", { style: { margin: "0 0 8px", fontSize: "20px", fontWeight: 600, color: "#111827" }, children: "Request pod access" }), _jsx("p", { style: { margin: "0 0 24px", fontSize: "14px", color: "#6b7280" }, children: message }), _jsx("button", { onClick: onRequestAccess, disabled: isSubmitting || isPending, style: {
+                        width: "100%",
+                        padding: "10px 16px",
+                        backgroundColor: isSubmitting || isPending ? "#9ca3af" : "#111827",
+                        color: "#fff",
+                        border: "none",
+                        borderRadius: "8px",
+                        fontSize: "14px",
+                        fontWeight: 500,
+                        cursor: isSubmitting || isPending ? "not-allowed" : "pointer",
+                    }, children: isSubmitting ? "Submitting..." : isPending ? "Request Sent" : "Request Access" }), error ? (_jsx("p", { style: { margin: "12px 0 0", fontSize: "13px", color: "#b91c1c" }, children: error })) : null] }) }));
+}
 /**
  * AuthGuard wraps your application and handles auth state:
  * - Loading: shows loadingFallback (blank by default)
  * - Unauthenticated: shows sign-in page (or custom unauthenticatedFallback)
- * - Authenticated: renders children
+ * - Authenticated and member: renders children
+ * - Authenticated but not pod member: shows request-access page
  *
  * Usage:
  *   <AuthGuard client={getClient()}>
  *     <App />
  *   </AuthGuard>
  */
-export function AuthGuard({ client, children, loadingFallback = null, unauthenticatedFallback, }) {
+export function AuthGuard({ client, children, loadingFallback = null, unauthenticatedFallback, accessRequestFallback, }) {
     const { isLoading, isAuthenticated, redirectToAuth } = useAuth(client);
-    if (isLoading) {
+    const [membershipState, setMembershipState] = useState("idle");
+    const [membershipError, setMembershipError] = useState(null);
+    const [isSubmittingJoinRequest, setIsSubmittingJoinRequest] = useState(false);
+    const [joinRequest, setJoinRequest] = useState(null);
+    const checkMembership = useCallback(async () => {
+        if (!isAuthenticated || !client.podId) {
+            setMembershipState("member");
+            return;
+        }
+        setMembershipState("checking");
+        setMembershipError(null);
+        try {
+            const currentUser = await client.users.current();
+            await client.podMembers.get(client.podId, currentUser.id);
+            setMembershipState("member");
+            setJoinRequest(null);
+            return;
+        }
+        catch (error) {
+            const apiError = error instanceof ApiError ? error : null;
+            const isMissingMembership = apiError?.statusCode === 404 || apiError?.statusCode === 403;
+            if (!isMissingMembership) {
+                throw error;
+            }
+        }
+        try {
+            const existingRequest = await client.podJoinRequests.me(client.podId);
+            setJoinRequest(existingRequest);
+        }
+        catch {
+            // non-fatal: request could still be created by the user manually
+        }
+        setMembershipState("missing");
+    }, [client, isAuthenticated]);
+    useEffect(() => {
+        let cancelled = false;
+        const run = async () => {
+            if (!isAuthenticated) {
+                setMembershipState("idle");
+                setJoinRequest(null);
+                setMembershipError(null);
+                return;
+            }
+            try {
+                await checkMembership();
+            }
+            catch (error) {
+                if (cancelled)
+                    return;
+                const message = error instanceof Error
+                    ? error.message
+                    : "Failed to verify pod membership. Please try again.";
+                setMembershipError(message);
+                setMembershipState("missing");
+            }
+        };
+        void run();
+        return () => {
+            cancelled = true;
+        };
+    }, [checkMembership, isAuthenticated]);
+    const handleRequestAccess = useCallback(async () => {
+        if (!client.podId || isSubmittingJoinRequest || joinRequest?.status === "PENDING") {
+            return;
+        }
+        setIsSubmittingJoinRequest(true);
+        setMembershipError(null);
+        try {
+            const request = await client.podJoinRequests.create(client.podId);
+            setJoinRequest(request);
+        }
+        catch (error) {
+            const message = error instanceof Error
+                ? error.message
+                : "Failed to create access request. Please try again.";
+            setMembershipError(message);
+        }
+        finally {
+            setIsSubmittingJoinRequest(false);
+        }
+    }, [client, isSubmittingJoinRequest, joinRequest]);
+    if (isLoading || (isAuthenticated && membershipState === "checking")) {
         return _jsx(_Fragment, { children: loadingFallback });
     }
     if (!isAuthenticated) {
@@ -58,5 +175,11 @@ export function AuthGuard({ client, children, loadingFallback = null, unauthenti
         }
         return _jsx(DefaultSignInPage, { onSignIn: redirectToAuth });
     }
+    if (membershipState === "missing") {
+        if (accessRequestFallback !== undefined) {
+            return _jsx(_Fragment, { children: accessRequestFallback });
+        }
+        return (_jsx(DefaultRequestAccessPage, { isPending: joinRequest?.status === "PENDING", isSubmitting: isSubmittingJoinRequest, error: membershipError, onRequestAccess: handleRequestAccess }));
+    }
     return _jsx(_Fragment, { children: children });
 }

package/dist/react/components/AssistantChrome.js

@@ -37,7 +37,7 @@ export function AssistantAskOverlay({ questionNumber, totalQuestions, question,
                     return (_jsx("button", { type: "button", onClick: () => onSelectOption(option), className: cx("lemma-assistant-ask-overlay-option", isSelected && "lemma-assistant-ask-overlay-option-selected"), children: _jsxs("span", { className: "lemma-assistant-ask-overlay-option-label", children: [rankLabel ? (_jsx("span", { className: "lemma-assistant-ask-overlay-option-rank", children: rankLabel })) : (_jsx("span", { className: cx("lemma-assistant-ask-overlay-option-indicator", isSelected && "lemma-assistant-ask-overlay-option-indicator-selected") })), option] }) }, `${option}-${optionIndex}`));
                 }) }), onContinue ? (_jsx("div", { className: "lemma-assistant-ask-overlay-actions", children: _jsx("button", { type: "button", onClick: onContinue, disabled: !canContinue, className: cx("lemma-assistant-ask-overlay-continue", canContinue && "lemma-assistant-ask-overlay-continue-enabled"), children: continueLabel }) })) : null] }));
 }
-export function AssistantComposer({ floating, status, pendingFiles, children, tone = "default", className, }) {
+export function AssistantComposer({ floating, status, pendingFiles, children, tone = "subtle", className, }) {
     return (_jsxs("div", { "data-tone": tone, "data-has-status": status ? "true" : "false", "data-has-pending-files": pendingFiles ? "true" : "false", "data-has-floating": floating ? "true" : "false", className: cx("lemma-assistant-composer", className), children: [floating ? (_jsx("div", { className: "lemma-assistant-composer-floating", children: floating })) : null, status ? (_jsx("div", { className: "lemma-assistant-composer-status-rail", children: _jsx("div", { className: "lemma-assistant-composer-status", children: status }) })) : null, pendingFiles ? (_jsx("div", { className: "lemma-assistant-composer-pending", children: pendingFiles })) : null, _jsx("div", { className: "lemma-assistant-composer-body", children: children })] }));
 }
 export function AssistantPendingFileChip({ label, onRemove, className, }) {

package/dist/react/components/AssistantExperience.d.ts

@@ -40,6 +40,7 @@ export interface AssistantExperienceViewProps {
     controller: AssistantControllerView;
     title?: ReactNode;
     subtitle?: ReactNode;
+    badge?: ReactNode | null;
     placeholder?: string;
     emptyState?: ReactNode;
     emptyStateSuggestions?: EmptyStateSuggestion[];
@@ -69,7 +70,11 @@ export declare function PlanSummaryStrip({ plan, onHide }: {
     plan: PlanSummaryState;
     onHide: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ThinkingIndicator(): import("react/jsx-runtime").JSX.Element | null;
+export interface ThinkingIndicatorProps {
+    activeToolSummary?: string;
+    labels?: string[];
+}
+export declare function ThinkingIndicator({ activeToolSummary, labels, }?: ThinkingIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
 export interface EmptyStateProps {
     onSendMessage: (msg: string) => void;
     suggestions?: EmptyStateSuggestion[];
@@ -87,5 +92,5 @@ export declare function MessageGroup({ message, conversationId, onNavigateResour
     renderPresentedFile?: (args: AssistantPresentedFileRenderArgs) => ReactNode;
     renderToolInvocation?: (args: AssistantToolRenderArgs) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function AssistantExperienceView({ controller, title, subtitle, placeholder, emptyState, emptyStateSuggestions, draft: controlledDraft, onDraftChange, showConversationList, chromeStyle, statusPlacement, radius, showModelPicker, showNewConversationButton, onNavigateResource, renderConversationLabel, renderMessageContent, renderPresentedFile, renderPendingFile, renderToolInvocation, }: AssistantExperienceViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssistantExperienceView({ controller, title, subtitle, badge, placeholder, emptyState, emptyStateSuggestions, draft: controlledDraft, onDraftChange, showConversationList, chromeStyle, statusPlacement, radius, showModelPicker, showNewConversationButton, onNavigateResource, renderConversationLabel, renderMessageContent, renderPresentedFile, renderPendingFile, renderToolInvocation, }: AssistantExperienceViewProps): import("react/jsx-runtime").JSX.Element;
 export {};