@adminide-stack/yantra-mobile 12.0.108-alpha.0 → 12.0.109-alpha.0

package/lib/features/webbuilder/components/ProjectChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectChat.js","sources":["../../../../src/features/webbuilder/components/ProjectChat.tsx"],"sourcesContent":["/**\n * A project's conversation, the way Manus shows an agent at work: what you\n * asked, then the agent's turn - its live steps (\"Working · 12s\" with each tool\n * it ran), what it says, and once there is a site, a live card of it with Open\n * preview and Publish. The composer stays at the bottom for the next change.\n */\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    KeyboardAvoidingView,\n    Platform,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport { AssistantMarkdown } from '../../chat/AssistantMarkdown';\nimport { ToolTimeline } from '../../chat/ToolTimeline';\nimport { parseToolActivity } from '../../chat/toolActivity';\nimport type { AgentChatMessage } from '../../agent-chat';\nimport { displayHost } from '../buildFragments';\nimport type { WebBuilderBuild, WebBuilderBuilding } from '../types';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { DESKTOP_VIEWPORT_SCRIPT } from './PreviewFrame';\nimport { PreviewPlaceholder } from './PreviewPlaceholder';\nimport { webbuilderAgentSuggestions } from '../webbuilderPrompts';\n\ntype Row =\n    | { kind: 'message'; id: string; message: AgentChatMessage }\n    | { kind: 'live'; id: string }\n    | { kind: 'site'; id: string };\n\nfunction elapsedLabel(seconds: number): string {\n    if (seconds < 60) return `${seconds}s`;\n    return `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, '0')}s`;\n}\n\nfunction useElapsed(startedAt: number | null): number {\n    const [now, setNow] = useState(() => Date.now());\n    useEffect(() => {\n        if (!startedAt) return undefined;\n        const timer = setInterval(() => setNow(Date.now()), 1000);\n        return () => clearInterval(timer);\n    }, [startedAt]);\n    return startedAt ? Math.max(0, Math.floor((now - startedAt) / 1000)) : 0;\n}\n\nfunction UserBubble({ text, theme }: { text: string; theme: WebBuilderTheme }) {\n    return (\n        <View style={styles.userRow}>\n            <View style={[styles.userBubble, { backgroundColor: theme.chip }]}>\n                <Text style={[styles.userText, { color: theme.ink }]} selectable>\n                    {text}\n                </Text>\n            </View>\n        </View>\n    );\n}\n\nfunction AgentAvatar({ theme }: { theme: WebBuilderTheme }) {\n    return (\n        <View style={styles.agentHead}>\n            <View style={[styles.agentMark, { backgroundColor: theme.accent }]}>\n                <MaterialCommunityIcons name=\"creation\" size={14} color={theme.accentInk} />\n            </View>\n            <Text style={[styles.agentName, { color: theme.ink }]}>Web Builder</Text>\n        </View>\n    );\n}\n\nfunction AgentTurn({ content, active, theme }: { content: string; active: boolean; theme: WebBuilderTheme }) {\n    const parsed = useMemo(() => parseToolActivity(content, active), [content, active]);\n    return (\n        <View style={styles.agentTurn}>\n            <AgentAvatar theme={theme} />\n            {parsed.steps.length ? <ToolTimeline steps={parsed.steps} active={active} isDark={theme.isDark} /> : null}\n            {parsed.text ? <AssistantMarkdown text={parsed.text} streaming={active} isDark={theme.isDark} /> : null}\n        </View>\n    );\n}\n\nfunction LiveTurn({\n    streaming,\n    building,\n    theme,\n}: {\n    streaming: string | null;\n    building: WebBuilderBuilding | null;\n    theme: WebBuilderTheme;\n}) {\n    const elapsed = useElapsed(building?.startedAt ?? null);\n    const parsed = useMemo(() => parseToolActivity(streaming ?? '', true), [streaming]);\n    const showStatus = !parsed.text && parsed.steps.length === 0;\n    return (\n        <View style={styles.agentTurn}>\n            <AgentAvatar theme={theme} />\n            {parsed.steps.length ? <ToolTimeline steps={parsed.steps} active isDark={theme.isDark} /> : null}\n            {parsed.text ? <AssistantMarkdown text={parsed.text} streaming isDark={theme.isDark} /> : null}\n            {showStatus ? (\n                <View style={[styles.working, { backgroundColor: theme.card, borderColor: theme.border }]}>\n                    <ActivityIndicator size=\"small\" color={theme.accent} />\n                    <Text style={[styles.workingText, { color: theme.ink }]} numberOfLines={2}>\n                        {building?.statusText || 'Thinking…'}\n                    </Text>\n                    {building ? (\n                        <Text style={[styles.workingTime, { color: theme.muted }]}>{elapsedLabel(elapsed)}</Text>\n                    ) : null}\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\nfunction timeOf(ms: number): string {\n    if (!ms) return '';\n    const d = new Date(ms);\n    return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;\n}\n\n/**\n * The site as it is now - Manus's app card: what it is and whether it is live,\n * a glimpse of the running page (laid out at desktop width and fitted, so it\n * reads as the site rather than a cropped corner), and the two ways forward.\n */\nfunction SiteCard({\n    build,\n    title,\n    busy,\n    onOpen,\n    onPublish,\n    theme,\n}: {\n    build: WebBuilderBuild;\n    title: string;\n    busy: boolean;\n    onOpen: () => void;\n    onPublish: () => void;\n    theme: WebBuilderTheme;\n}) {\n    const url = build.previewUrl;\n    const [loaded, setLoaded] = useState(false);\n    // A sandbox that slept or was reclaimed answers with the host's own error page\n    // (E2B \"502 Sandbox not found\"); that page is never shown, the card says what it means.\n    const [asleep, setAsleep] = useState(false);\n    useEffect(() => {\n        setLoaded(false);\n        setAsleep(false);\n    }, [url]);\n    const status = build.liveUrl\n        ? `Live · ${displayHost(build.liveUrl)}`\n        : `Not published · ${timeOf(build.updatedAt)}`;\n    return (\n        <View\n            style={[\n                styles.site,\n                {\n                    backgroundColor: theme.card,\n                    borderColor: theme.border,\n                    shadowColor: theme.isDark ? '#000' : '#1c1917',\n                },\n            ]}\n        >\n            <Tap\n                onPress={onOpen}\n                accessibilityRole=\"button\"\n                accessibilityLabel={`Open ${title}`}\n                style={styles.siteHead}\n                pressedStyle={DIM}\n            >\n                <View style={[styles.siteGlobe, { backgroundColor: build.liveUrl ? theme.good : theme.accent }]}>\n                    <MaterialCommunityIcons name=\"web\" size={24} color={theme.accentInk} />\n                </View>\n                <View style={styles.siteHeadText}>\n                    <Text style={[styles.siteTitle, { color: theme.ink }]} numberOfLines={1}>\n                        {title}\n                    </Text>\n                    <Text style={[styles.siteStatus, { color: theme.muted }]} numberOfLines={1}>\n                        {status}\n                    </Text>\n                </View>\n            </Tap>\n            <Tap onPress={onOpen} accessibilityRole=\"button\" accessibilityLabel={`Open the preview of ${title}`}>\n                <View\n                    style={[styles.siteView, { backgroundColor: theme.stage, borderColor: theme.border }]}\n                    pointerEvents=\"none\"\n                >\n                    {url ? (\n                        <WebView\n                            source={{ uri: url }}\n                            style={[styles.siteWeb, !loaded && styles.hidden]}\n                            scrollEnabled={false}\n                            javaScriptEnabled\n                            domStorageEnabled\n                            originWhitelist={['*']}\n                            scalesPageToFit\n                            injectedJavaScript={DESKTOP_VIEWPORT_SCRIPT}\n                            onLoadEnd={() => setLoaded(true)}\n                            onHttpError={(event) => {\n                                if (event.nativeEvent.statusCode >= 500) setAsleep(true);\n                            }}\n                            onError={() => setAsleep(true)}\n                        />\n                    ) : null}\n                    {asleep ? (\n                        <View style={[styles.siteLoading, { backgroundColor: theme.stage }]}>\n                            <PreviewPlaceholder theme={theme} compact />\n                        </View>\n                    ) : null}\n                    {!asleep && (!url || !loaded) ? (\n                        <View style={styles.siteLoading}>\n                            <ActivityIndicator color={theme.accent} />\n                            <Text style={[styles.siteLoadingText, { color: theme.muted }]}>Loading preview…</Text>\n                        </View>\n                    ) : null}\n                    {busy && loaded && !asleep ? (\n                        <View style={[styles.siteBusy, { backgroundColor: theme.card }]}>\n                            <ActivityIndicator size=\"small\" color={theme.accent} />\n                            <Text style={[styles.siteBusyText, { color: theme.ink }]}>Updating…</Text>\n                        </View>\n                    ) : null}\n                </View>\n            </Tap>\n            <View style={styles.siteFoot}>\n                <Tap\n                    onPress={onOpen}\n                    accessibilityRole=\"button\"\n                    style={[styles.siteBtn, { backgroundColor: theme.chip }]}\n                    pressedStyle={DIM}\n                    testID=\"webbuilder-card-preview\"\n                >\n                    <Text style={[styles.siteBtnText, { color: theme.ink }]}>Preview</Text>\n                </Tap>\n                <Tap\n                    onPress={onPublish}\n                    disabled={!build.sandboxId}\n                    accessibilityRole=\"button\"\n                    style={[styles.siteBtn, { backgroundColor: theme.ink }, !build.sandboxId && styles.disabled]}\n                    pressedStyle={DIM}\n                    testID=\"webbuilder-card-publish\"\n                >\n                    <Text style={[styles.siteBtnText, { color: theme.card }]}>Publish</Text>\n                </Tap>\n            </View>\n        </View>\n    );\n}\n\nexport function ProjectChat({\n    messages,\n    streaming,\n    busy,\n    error,\n    connected,\n    building,\n    build,\n    siteTitle,\n    onSend,\n    onOpenPreview,\n    onPublish,\n    theme,\n    bottomInset,\n}: {\n    messages: AgentChatMessage[];\n    streaming: string | null;\n    busy: boolean;\n    error: string | null;\n    connected: boolean;\n    building: WebBuilderBuilding | null;\n    build: WebBuilderBuild | null;\n    siteTitle: string;\n    onSend: (text: string) => void;\n    onOpenPreview: () => void;\n    onPublish: () => void;\n    theme: WebBuilderTheme;\n    bottomInset: number;\n}) {\n    const [draft, setDraft] = useState('');\n    const listRef = useRef<FlatList<Row>>(null);\n    // Follow the conversation unless the person scrolled up to read; then offer a way back.\n    const [atBottom, setAtBottom] = useState(true);\n    const live = busy || Boolean(building);\n\n    const rows = useMemo<Row[]>(() => {\n        const out: Row[] = messages.map((m) => ({ kind: 'message', id: m.id, message: m }));\n        if (build) out.push({ kind: 'site', id: `site-${build.key}` });\n        if (live) out.push({ kind: 'live', id: 'live' });\n        return out;\n    }, [messages, build, live]);\n\n    useEffect(() => {\n        if (!atBottom) return undefined;\n        const timer = setTimeout(() => listRef.current?.scrollToEnd({ animated: true }), 80);\n        return () => clearTimeout(timer);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [rows.length, streaming]);\n\n    const send = (text: string) => {\n        const words = text.trim();\n        if (!words) return;\n        onSend(words);\n        setDraft('');\n    };\n\n    const suggestions = messages.length === 0 && !live ? webbuilderAgentSuggestions(Boolean(build), siteTitle) : [];\n\n    return (\n        <KeyboardAvoidingView\n            style={styles.fill}\n            behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n            keyboardVerticalOffset={Platform.OS === 'ios' ? 96 : 0}\n        >\n            <FlatList\n                ref={listRef}\n                data={rows}\n                keyExtractor={(row) => row.id}\n                contentContainerStyle={styles.list}\n                keyboardShouldPersistTaps=\"handled\"\n                scrollEventThrottle={100}\n                onScroll={(event) => {\n                    const { layoutMeasurement, contentOffset, contentSize } = event.nativeEvent;\n                    setAtBottom(layoutMeasurement.height + contentOffset.y >= contentSize.height - 48);\n                }}\n                ListEmptyComponent={\n                    <View style={styles.empty}>\n                        <View style={[styles.emptyMark, { backgroundColor: theme.accentSoft }]}>\n                            <MaterialCommunityIcons name=\"creation\" size={26} color={theme.accent} />\n                        </View>\n                        <Text style={[styles.emptyTitle, { color: theme.ink }]}>\n                            {build ? `What should change on ${siteTitle}?` : 'Describe your idea'}\n                        </Text>\n                        <Text style={[styles.emptyBody, { color: theme.muted }]}>\n                            {build\n                                ? 'Ask for new sections, another look, copy changes or fixes.'\n                                : \"Tell me what the site is for and I'll build it step by step.\"}\n                        </Text>\n                    </View>\n                }\n                renderItem={({ item }) => {\n                    if (item.kind === 'live')\n                        return <LiveTurn streaming={streaming} building={building} theme={theme} />;\n                    if (item.kind === 'site' && build) {\n                        return (\n                            <SiteCard\n                                build={build}\n                                title={siteTitle}\n                                busy={live}\n                                onOpen={onOpenPreview}\n                                onPublish={onPublish}\n                                theme={theme}\n                            />\n                        );\n                    }\n                    if (item.kind !== 'message') return null;\n                    const m = item.message;\n                    if (m.role === 'user') return <UserBubble text={m.displayContent ?? m.content} theme={theme} />;\n                    return <AgentTurn content={m.content} active={false} theme={theme} />;\n                }}\n            />\n\n            {!atBottom ? (\n                <Tap\n                    onPress={() => {\n                        setAtBottom(true);\n                        listRef.current?.scrollToEnd({ animated: true });\n                    }}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Jump to the latest\"\n                    style={[\n                        styles.jump,\n                        {\n                            backgroundColor: theme.card,\n                            borderColor: theme.border,\n                            shadowColor: theme.isDark ? '#000' : '#1c1917',\n                        },\n                    ]}\n                    pressedStyle={DIM}\n                >\n                    <MaterialCommunityIcons name=\"arrow-down\" size={20} color={theme.ink} />\n                </Tap>\n            ) : null}\n\n            {suggestions.length ? (\n                <View style={styles.suggestions}>\n                    {suggestions.slice(0, 3).map((s) => (\n                        <Tap\n                            key={s.id}\n                            onPress={() => send(s.prompt ?? s.label)}\n                            accessibilityRole=\"button\"\n                            style={[styles.suggestion, { backgroundColor: theme.card, borderColor: theme.border }]}\n                            pressedStyle={DIM}\n                        >\n                            <Text style={[styles.suggestionText, { color: theme.ink }]} numberOfLines={1}>\n                                {s.label}\n                            </Text>\n                        </Tap>\n                    ))}\n                </View>\n            ) : null}\n\n            {error ? (\n                <View style={[styles.error, { backgroundColor: theme.critSoft }]}>\n                    <MaterialCommunityIcons name=\"alert-circle-outline\" size={16} color={theme.crit} />\n                    <Text style={[styles.errorText, { color: theme.crit }]}>{error}</Text>\n                </View>\n            ) : null}\n\n            <View\n                style={[\n                    styles.composerDock,\n                    { backgroundColor: theme.screen, paddingBottom: Math.max(bottomInset, 10) },\n                ]}\n            >\n                <View\n                    style={[\n                        styles.composer,\n                        {\n                            backgroundColor: theme.card,\n                            borderColor: theme.border,\n                            shadowColor: theme.isDark ? '#000' : '#1c1917',\n                        },\n                    ]}\n                >\n                    <TextInput\n                        value={draft}\n                        onChangeText={setDraft}\n                        placeholder=\"Message Web Builder\"\n                        placeholderTextColor={theme.faint}\n                        multiline\n                        style={[styles.input, { color: theme.ink }]}\n                        accessibilityLabel=\"Message the agent\"\n                        testID=\"webbuilder-chat-input\"\n                    />\n                    <Tap\n                        onPress={() => send(draft)}\n                        disabled={!draft.trim() || !connected}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Send\"\n                        style={[\n                            styles.send,\n                            { backgroundColor: draft.trim() && connected ? theme.accent : theme.chip },\n                        ]}\n                        pressedStyle={DIM}\n                        testID=\"webbuilder-chat-send\"\n                    >\n                        <MaterialCommunityIcons\n                            name=\"arrow-up\"\n                            size={20}\n                            color={draft.trim() && connected ? theme.accentInk : theme.faint}\n                        />\n                    </Tap>\n                </View>\n                {!connected ? (\n                    <Text style={[styles.connecting, { color: theme.muted }]}>Connecting to Web Builder…</Text>\n                ) : null}\n            </View>\n        </KeyboardAvoidingView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    list: { paddingHorizontal: 16, paddingTop: 16, paddingBottom: 12, gap: 18, flexGrow: 1 },\n    userRow: { alignItems: 'flex-end' },\n    userBubble: {\n        maxWidth: '86%',\n        paddingHorizontal: 14,\n        paddingVertical: 10,\n        borderRadius: 20,\n        borderBottomRightRadius: 6,\n    },\n    userText: { fontSize: 16, lineHeight: 22 },\n    agentTurn: { gap: 8 },\n    agentHead: { flexDirection: 'row', alignItems: 'center', gap: 8 },\n    agentMark: { width: 24, height: 24, borderRadius: 8, alignItems: 'center', justifyContent: 'center' },\n    agentName: { fontSize: 14, fontWeight: '700' },\n    working: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 10,\n        alignSelf: 'flex-start',\n        maxWidth: '100%',\n        paddingHorizontal: 14,\n        paddingVertical: 10,\n        borderRadius: 14,\n        borderWidth: StyleSheet.hairlineWidth,\n    },\n    workingText: { flexShrink: 1, fontSize: 14, fontWeight: '600' },\n    workingTime: { fontSize: 13, fontVariant: ['tabular-nums'] },\n    site: {\n        borderRadius: 22,\n        borderWidth: StyleSheet.hairlineWidth,\n        overflow: 'hidden',\n        shadowOpacity: 0.06,\n        shadowRadius: 14,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 2,\n    },\n    siteHead: { flexDirection: 'row', alignItems: 'center', gap: 14, padding: 16 },\n    siteGlobe: { width: 48, height: 48, borderRadius: 14, alignItems: 'center', justifyContent: 'center' },\n    siteHeadText: { flex: 1, gap: 2 },\n    siteTitle: { fontSize: 18, fontWeight: '700', letterSpacing: -0.2 },\n    siteStatus: { fontSize: 14 },\n    siteView: {\n        height: 240,\n        borderTopWidth: StyleSheet.hairlineWidth,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        overflow: 'hidden',\n    },\n    siteWeb: { flex: 1, backgroundColor: 'transparent' },\n    hidden: { opacity: 0 },\n    siteLoading: { ...StyleSheet.absoluteFillObject, alignItems: 'center', justifyContent: 'center', gap: 8 },\n    siteLoadingText: { fontSize: 13 },\n    siteBusy: {\n        position: 'absolute',\n        top: 10,\n        right: 10,\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 6,\n        paddingHorizontal: 10,\n        paddingVertical: 6,\n        borderRadius: 999,\n    },\n    siteBusyText: { fontSize: 12, fontWeight: '600' },\n    siteFoot: { flexDirection: 'row', gap: 10, padding: 14 },\n    siteBtn: { flex: 1, height: 46, borderRadius: 23, alignItems: 'center', justifyContent: 'center' },\n    siteBtnText: { fontSize: 16, fontWeight: '700' },\n    disabled: { opacity: 0.35 },\n    empty: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 32, gap: 8 },\n    emptyMark: {\n        width: 56,\n        height: 56,\n        borderRadius: 18,\n        alignItems: 'center',\n        justifyContent: 'center',\n        marginBottom: 6,\n    },\n    emptyTitle: { fontSize: 18, fontWeight: '700', textAlign: 'center' },\n    emptyBody: { fontSize: 14, lineHeight: 20, textAlign: 'center' },\n    suggestions: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, paddingHorizontal: 16, paddingBottom: 8 },\n    suggestion: { paddingHorizontal: 14, paddingVertical: 8, borderRadius: 999, borderWidth: StyleSheet.hairlineWidth },\n    suggestionText: { fontSize: 14, fontWeight: '500' },\n    error: {\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        gap: 8,\n        marginHorizontal: 16,\n        marginBottom: 8,\n        paddingHorizontal: 12,\n        paddingVertical: 10,\n        borderRadius: 12,\n    },\n    errorText: { flex: 1, fontSize: 13, lineHeight: 18 },\n    composerDock: { paddingHorizontal: 14, paddingTop: 8 },\n    composer: {\n        flexDirection: 'row',\n        alignItems: 'flex-end',\n        gap: 8,\n        minHeight: 58,\n        borderRadius: 29,\n        borderWidth: StyleSheet.hairlineWidth,\n        paddingLeft: 18,\n        paddingRight: 8,\n        paddingVertical: 8,\n        shadowOpacity: 0.1,\n        shadowRadius: 18,\n        shadowOffset: { width: 0, height: 6 },\n        elevation: 6,\n    },\n    jump: {\n        position: 'absolute',\n        right: 16,\n        bottom: 104,\n        width: 44,\n        height: 44,\n        borderRadius: 22,\n        borderWidth: StyleSheet.hairlineWidth,\n        alignItems: 'center',\n        justifyContent: 'center',\n        shadowOpacity: 0.12,\n        shadowRadius: 10,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 4,\n    },\n    input: { flex: 1, fontSize: 17, lineHeight: 22, maxHeight: 120, paddingTop: 10, paddingBottom: 10 },\n    send: { width: 42, height: 42, borderRadius: 21, alignItems: 'center', justifyContent: 'center' },\n    connecting: { fontSize: 12, textAlign: 'center', marginTop: 6 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/ProjectsScreen.js

@@ -0,0 +1,339 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useMemo}from'react';import {StyleSheet,View,FlatList,Text,TextInput,Platform,ActionSheetIOS,Alert,Linking,Share}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {TemplateCover}from'./TemplateCard.js';import {CenteredState}from'./ui.js';const GUTTER = 20;
+function editedAgo(ms, now = Date.now()) {
+  if (!ms) return "";
+  const min = Math.floor(Math.max(0, now - ms) / 6e4);
+  if (min < 1) return "just now";
+  if (min < 60) return `${min} minute${min === 1 ? "" : "s"} ago`;
+  const hours = Math.floor(min / 60);
+  if (hours < 24) return `${hours} hour${hours === 1 ? "" : "s"} ago`;
+  if (hours < 48) return "yesterday";
+  const d = new Date(ms);
+  const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  return `${d.getDate()} ${months[d.getMonth()]}`;
+}
+function RoundButton({
+  icon,
+  label,
+  active,
+  onPress,
+  theme
+}) {
+  return /* @__PURE__ */ jsx(Tap, { onPress, accessibilityRole: "button", accessibilityLabel: label, accessibilityState: {
+    selected: active
+  }, style: [styles.round, {
+    backgroundColor: active ? theme.accentSoft : theme.card,
+    borderColor: active ? theme.accentBorder : theme.border,
+    shadowColor: theme.isDark ? "#000" : "#1c1917"
+  }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 22, color: active ? theme.accent : theme.ink }) });
+}
+function openMenu(project, onOpen) {
+  const actions = [{
+    label: "Open",
+    run: onOpen
+  }];
+  if (project.previewUrl) {
+    const url = project.previewUrl;
+    actions.push({
+      label: "Open preview in browser",
+      run: () => Linking.openURL(url).catch(() => void 0)
+    });
+  }
+  if (project.liveUrl) {
+    const url = project.liveUrl;
+    actions.push({
+      label: "Share live link",
+      run: () => Share.share({
+        message: url,
+        url
+      }).catch(() => void 0)
+    });
+  }
+  if (Platform.OS === "ios") {
+    ActionSheetIOS.showActionSheetWithOptions({
+      title: project.title,
+      options: [...actions.map((a) => a.label), "Cancel"],
+      cancelButtonIndex: actions.length
+    }, (index) => {
+      var _a;
+      return (_a = actions[index]) == null ? void 0 : _a.run();
+    });
+    return;
+  }
+  Alert.alert(project.title, void 0, [...actions.map((a) => ({
+    text: a.label,
+    onPress: a.run
+  })), {
+    text: "Cancel",
+    style: "cancel"
+  }]);
+}
+function ProjectsScreen({
+  projects,
+  loading,
+  error,
+  hasMore,
+  onRefresh,
+  onLoadMore,
+  onOpen,
+  onNewProject,
+  topInset,
+  bottomInset,
+  theme
+}) {
+  const [searchOpen, setSearchOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [filterOpen, setFilterOpen] = useState(false);
+  const [status, setStatus] = useState("all");
+  const shown = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return projects.filter((p) => (!q || p.title.toLowerCase().includes(q)) && (status === "all" || (status === "live" ? Boolean(p.liveUrl) : !p.liveUrl)));
+  }, [projects, query, status]);
+  const filtering = Boolean(query.trim()) || status !== "all";
+  let empty;
+  if (loading) {
+    empty = /* @__PURE__ */ jsx(View, { children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.thumb, {
+        backgroundColor: theme.chip
+      }] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+        /* @__PURE__ */ jsx(View, { style: [styles.skeletonTitle, {
+          backgroundColor: theme.chip
+        }] }),
+        /* @__PURE__ */ jsx(View, { style: [styles.skeletonMeta, {
+          backgroundColor: theme.chip
+        }] })
+      ] })
+    ] }, i)) });
+  } else if (error) {
+    empty = /* @__PURE__ */ jsx(CenteredState, { icon: "cloud-off-outline", title: "Your projects didn't load", body: error, theme, primary: onRefresh ? {
+      label: "Try again",
+      icon: "refresh",
+      onPress: onRefresh
+    } : void 0 });
+  } else if (filtering) {
+    empty = /* @__PURE__ */ jsx(CenteredState, { icon: "text-search", title: "No project matches", body: "Try another name, or show all projects.", theme, secondary: {
+      label: "Show all",
+      onPress: () => {
+        setQuery("");
+        setStatus("all");
+      }
+    } });
+  } else {
+    empty = /* @__PURE__ */ jsx(CenteredState, { icon: "folder-outline", title: "No projects yet", body: "Describe a site or start from a template. What you build shows up here, on your phone and on the web.", theme });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.fill, children: [
+    /* @__PURE__ */ jsx(FlatList, { data: shown, keyExtractor: (p) => p.channelId, contentContainerStyle: [styles.content, {
+      paddingTop: topInset,
+      paddingBottom: bottomInset + 84
+    }], refreshing: loading && projects.length > 0, onRefresh, onEndReached: hasMore && !filtering ? onLoadMore : void 0, onEndReachedThreshold: 0.6, keyboardShouldPersistTaps: "handled", ListEmptyComponent: empty, testID: "webbuilder-projects", ListHeaderComponent: /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.titleRow, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+          color: theme.ink
+        }], accessibilityRole: "header", children: "Projects" }),
+        /* @__PURE__ */ jsx(RoundButton, { icon: "magnify", label: "Search projects", active: searchOpen, onPress: () => {
+          if (searchOpen) setQuery("");
+          setSearchOpen((v) => !v);
+        }, theme }),
+        /* @__PURE__ */ jsx(RoundButton, { icon: "filter-variant", label: "Filter projects", active: filterOpen || status !== "all", onPress: () => setFilterOpen((v) => !v), theme })
+      ] }),
+      searchOpen ? /* @__PURE__ */ jsxs(View, { style: [styles.search, {
+        backgroundColor: theme.card,
+        borderColor: theme.border
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.faint }),
+        /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search projects", placeholderTextColor: theme.faint, autoFocus: true, style: [styles.searchInput, {
+          color: theme.ink
+        }], accessibilityLabel: "Search projects" })
+      ] }) : null,
+      filterOpen ? /* @__PURE__ */ jsx(View, { style: styles.filters, children: ["all", "live", "draft"].map((value) => {
+        const active = status === value;
+        return /* @__PURE__ */ jsx(Tap, { onPress: () => setStatus(value), accessibilityRole: "button", accessibilityState: {
+          selected: active
+        }, style: [styles.filter, active ? {
+          backgroundColor: theme.ink,
+          borderColor: theme.ink
+        } : {
+          backgroundColor: theme.card,
+          borderColor: theme.border
+        }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(Text, { style: [styles.filterLabel, {
+          color: active ? theme.card : theme.ink
+        }], children: {
+          all: "All",
+          live: "Live",
+          draft: "Draft"
+        }[value] }) }, value);
+      }) }) : null
+    ] }), renderItem: ({
+      item
+    }) => /* @__PURE__ */ jsxs(Tap, { onPress: () => onOpen(item), accessibilityRole: "button", accessibilityLabel: `Open ${item.title}`, style: styles.row, pressedStyle: DIM, testID: `webbuilder-project-${item.channelId}`, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.thumb, {
+        borderColor: theme.border,
+        backgroundColor: theme.card
+      }], children: /* @__PURE__ */ jsx(TemplateCover, { uri: item.coverUrl, theme, style: styles.cover }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowTitle, {
+          color: theme.ink
+        }], numberOfLines: 1, children: item.title }),
+        /* @__PURE__ */ jsxs(View, { style: styles.meta, children: [
+          item.liveUrl ? /* @__PURE__ */ jsx(View, { style: [styles.dot, {
+            backgroundColor: theme.good
+          }] }) : null,
+          /* @__PURE__ */ jsxs(Text, { style: [styles.metaText, {
+            color: theme.muted
+          }], numberOfLines: 1, children: [
+            item.liveUrl ? "Live" : "Draft",
+            " \xB7 ",
+            editedAgo(item.updatedAt)
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Tap, { onPress: () => openMenu(item, () => onOpen(item)), accessibilityRole: "button", accessibilityLabel: `More for ${item.title}`, hitSlop: 8, style: [styles.more, {
+        backgroundColor: theme.chip
+      }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "dots-horizontal", size: 20, color: theme.ink }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Tap, { onPress: onNewProject, accessibilityRole: "button", accessibilityLabel: "New project", style: [styles.fab, {
+      bottom: bottomInset + 14,
+      backgroundColor: theme.ink,
+      shadowColor: theme.isDark ? "#000" : "#1c1917"
+    }], pressedStyle: DIM, testID: "webbuilder-new-project", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 30, color: theme.card }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  content: {
+    paddingHorizontal: GUTTER,
+    flexGrow: 1
+  },
+  header: {
+    gap: 14,
+    paddingBottom: 16
+  },
+  titleRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  title: {
+    flex: 1,
+    fontSize: 34,
+    lineHeight: 40,
+    fontWeight: "800",
+    letterSpacing: -0.8
+  },
+  round: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    borderWidth: StyleSheet.hairlineWidth,
+    alignItems: "center",
+    justifyContent: "center",
+    shadowOpacity: 0.08,
+    shadowRadius: 10,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 3
+  },
+  search: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderRadius: 14,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingHorizontal: 12
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 11
+  },
+  filters: {
+    flexDirection: "row",
+    gap: 8
+  },
+  filter: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 999,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  filterLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 16,
+    paddingVertical: 10
+  },
+  thumb: {
+    width: 84,
+    height: 84,
+    borderRadius: 16,
+    borderWidth: StyleSheet.hairlineWidth,
+    overflow: "hidden"
+  },
+  cover: {
+    aspectRatio: void 0,
+    flex: 1
+  },
+  rowText: {
+    flex: 1,
+    gap: 4
+  },
+  rowTitle: {
+    fontSize: 17,
+    fontWeight: "600",
+    letterSpacing: -0.2
+  },
+  meta: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4
+  },
+  metaText: {
+    fontSize: 14
+  },
+  more: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  skeletonTitle: {
+    height: 14,
+    width: "60%",
+    borderRadius: 7
+  },
+  skeletonMeta: {
+    height: 12,
+    width: "40%",
+    borderRadius: 6
+  },
+  fab: {
+    position: "absolute",
+    right: 20,
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    shadowOpacity: 0.22,
+    shadowRadius: 16,
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    elevation: 8
+  }
+});export{ProjectsScreen,editedAgo};//# sourceMappingURL=ProjectsScreen.js.map

package/lib/features/webbuilder/components/ProjectsScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsScreen.js","sources":["../../../../src/features/webbuilder/components/ProjectsScreen.tsx"],"sourcesContent":["/**\n * Projects - every site you have built, laid out the way the Lovable app lists\n * them: a large title with search and filter, one row per project (its latest\n * screenshot, its name, whether it is live and when it last changed, a menu),\n * and \"New project\" floating above the tabs. Same list as the web's \"Your\n * builds\" (the web gallery rules), paged as you scroll.\n */\nimport React, { useMemo, useState } from 'react';\nimport {\n    ActionSheetIOS,\n    Alert,\n    FlatList,\n    Linking,\n    Platform,\n    Share,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { DIM, Tap } from '../../inbox/components/Tap';\nimport type { WebBuilderProject } from '../types';\nimport type { WebBuilderTheme } from '../webbuilderTheme';\nimport { TemplateCover } from './TemplateCard';\nimport { CenteredState, type IconName } from './ui';\n\nconst GUTTER = 20;\n\ntype StatusFilter = 'all' | 'live' | 'draft';\n\n/** \"just now\", \"10 minutes ago\", \"3 hours ago\", \"yesterday\", \"12 Oct\". */\nexport function editedAgo(ms: number, now = Date.now()): string {\n    if (!ms) return '';\n    const min = Math.floor(Math.max(0, now - ms) / 60_000);\n    if (min < 1) return 'just now';\n    if (min < 60) return `${min} minute${min === 1 ? '' : 's'} ago`;\n    const hours = Math.floor(min / 60);\n    if (hours < 24) return `${hours} hour${hours === 1 ? '' : 's'} ago`;\n    if (hours < 48) return 'yesterday';\n    const d = new Date(ms);\n    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n    return `${d.getDate()} ${months[d.getMonth()]}`;\n}\n\nfunction RoundButton({\n    icon,\n    label,\n    active,\n    onPress,\n    theme,\n}: {\n    icon: IconName;\n    label: string;\n    active: boolean;\n    onPress: () => void;\n    theme: WebBuilderTheme;\n}) {\n    return (\n        <Tap\n            onPress={onPress}\n            accessibilityRole=\"button\"\n            accessibilityLabel={label}\n            accessibilityState={{ selected: active }}\n            style={[\n                styles.round,\n                {\n                    backgroundColor: active ? theme.accentSoft : theme.card,\n                    borderColor: active ? theme.accentBorder : theme.border,\n                    shadowColor: theme.isDark ? '#000' : '#1c1917',\n                },\n            ]}\n            pressedStyle={DIM}\n        >\n            <MaterialCommunityIcons name={icon} size={22} color={active ? theme.accent : theme.ink} />\n        </Tap>\n    );\n}\n\nfunction openMenu(project: WebBuilderProject, onOpen: () => void) {\n    const actions: Array<{ label: string; run: () => void }> = [{ label: 'Open', run: onOpen }];\n    if (project.previewUrl) {\n        const url = project.previewUrl;\n        actions.push({ label: 'Open preview in browser', run: () => Linking.openURL(url).catch(() => undefined) });\n    }\n    if (project.liveUrl) {\n        const url = project.liveUrl;\n        actions.push({\n            label: 'Share live link',\n            run: () => Share.share({ message: url, url }).catch(() => undefined),\n        });\n    }\n    if (Platform.OS === 'ios') {\n        ActionSheetIOS.showActionSheetWithOptions(\n            {\n                title: project.title,\n                options: [...actions.map((a) => a.label), 'Cancel'],\n                cancelButtonIndex: actions.length,\n            },\n            (index) => actions[index]?.run(),\n        );\n        return;\n    }\n    Alert.alert(project.title, undefined, [\n        ...actions.map((a) => ({ text: a.label, onPress: a.run })),\n        { text: 'Cancel', style: 'cancel' as const },\n    ]);\n}\n\nexport function ProjectsScreen({\n    projects,\n    loading,\n    error,\n    hasMore,\n    onRefresh,\n    onLoadMore,\n    onOpen,\n    onNewProject,\n    topInset,\n    bottomInset,\n    theme,\n}: {\n    projects: WebBuilderProject[];\n    loading: boolean;\n    error: string | null;\n    hasMore: boolean;\n    onRefresh?: () => void;\n    onLoadMore?: () => void;\n    onOpen: (project: WebBuilderProject) => void;\n    onNewProject: () => void;\n    topInset: number;\n    /** Room for the floating tab bar. */\n    bottomInset: number;\n    theme: WebBuilderTheme;\n}) {\n    const [searchOpen, setSearchOpen] = useState(false);\n    const [query, setQuery] = useState('');\n    const [filterOpen, setFilterOpen] = useState(false);\n    const [status, setStatus] = useState<StatusFilter>('all');\n\n    const shown = useMemo(() => {\n        const q = query.trim().toLowerCase();\n        return projects.filter(\n            (p) =>\n                (!q || p.title.toLowerCase().includes(q)) &&\n                (status === 'all' || (status === 'live' ? Boolean(p.liveUrl) : !p.liveUrl)),\n        );\n    }, [projects, query, status]);\n    const filtering = Boolean(query.trim()) || status !== 'all';\n\n    let empty: React.ReactElement;\n    if (loading) {\n        empty = (\n            <View>\n                {[0, 1, 2, 3].map((i) => (\n                    <View key={i} style={styles.row}>\n                        <View style={[styles.thumb, { backgroundColor: theme.chip }]} />\n                        <View style={styles.rowText}>\n                            <View style={[styles.skeletonTitle, { backgroundColor: theme.chip }]} />\n                            <View style={[styles.skeletonMeta, { backgroundColor: theme.chip }]} />\n                        </View>\n                    </View>\n                ))}\n            </View>\n        );\n    } else if (error) {\n        empty = (\n            <CenteredState\n                icon=\"cloud-off-outline\"\n                title=\"Your projects didn't load\"\n                body={error}\n                theme={theme}\n                primary={onRefresh ? { label: 'Try again', icon: 'refresh', onPress: onRefresh } : undefined}\n            />\n        );\n    } else if (filtering) {\n        empty = (\n            <CenteredState\n                icon=\"text-search\"\n                title=\"No project matches\"\n                body=\"Try another name, or show all projects.\"\n                theme={theme}\n                secondary={{\n                    label: 'Show all',\n                    onPress: () => {\n                        setQuery('');\n                        setStatus('all');\n                    },\n                }}\n            />\n        );\n    } else {\n        empty = (\n            <CenteredState\n                icon=\"folder-outline\"\n                title=\"No projects yet\"\n                body=\"Describe a site or start from a template. What you build shows up here, on your phone and on the web.\"\n                theme={theme}\n            />\n        );\n    }\n\n    return (\n        <View style={styles.fill}>\n            <FlatList\n                data={shown}\n                keyExtractor={(p) => p.channelId}\n                contentContainerStyle={[styles.content, { paddingTop: topInset, paddingBottom: bottomInset + 84 }]}\n                refreshing={loading && projects.length > 0}\n                onRefresh={onRefresh}\n                onEndReached={hasMore && !filtering ? onLoadMore : undefined}\n                onEndReachedThreshold={0.6}\n                keyboardShouldPersistTaps=\"handled\"\n                ListEmptyComponent={empty}\n                testID=\"webbuilder-projects\"\n                ListHeaderComponent={\n                    <View style={styles.header}>\n                        <View style={styles.titleRow}>\n                            <Text style={[styles.title, { color: theme.ink }]} accessibilityRole=\"header\">\n                                Projects\n                            </Text>\n                            <RoundButton\n                                icon=\"magnify\"\n                                label=\"Search projects\"\n                                active={searchOpen}\n                                onPress={() => {\n                                    if (searchOpen) setQuery('');\n                                    setSearchOpen((v) => !v);\n                                }}\n                                theme={theme}\n                            />\n                            <RoundButton\n                                icon=\"filter-variant\"\n                                label=\"Filter projects\"\n                                active={filterOpen || status !== 'all'}\n                                onPress={() => setFilterOpen((v) => !v)}\n                                theme={theme}\n                            />\n                        </View>\n                        {searchOpen ? (\n                            <View style={[styles.search, { backgroundColor: theme.card, borderColor: theme.border }]}>\n                                <MaterialCommunityIcons name=\"magnify\" size={18} color={theme.faint} />\n                                <TextInput\n                                    value={query}\n                                    onChangeText={setQuery}\n                                    placeholder=\"Search projects\"\n                                    placeholderTextColor={theme.faint}\n                                    autoFocus\n                                    style={[styles.searchInput, { color: theme.ink }]}\n                                    accessibilityLabel=\"Search projects\"\n                                />\n                            </View>\n                        ) : null}\n                        {filterOpen ? (\n                            <View style={styles.filters}>\n                                {(['all', 'live', 'draft'] as const).map((value) => {\n                                    const active = status === value;\n                                    return (\n                                        <Tap\n                                            key={value}\n                                            onPress={() => setStatus(value)}\n                                            accessibilityRole=\"button\"\n                                            accessibilityState={{ selected: active }}\n                                            style={[\n                                                styles.filter,\n                                                active\n                                                    ? { backgroundColor: theme.ink, borderColor: theme.ink }\n                                                    : { backgroundColor: theme.card, borderColor: theme.border },\n                                            ]}\n                                            pressedStyle={DIM}\n                                        >\n                                            <Text\n                                                style={[styles.filterLabel, { color: active ? theme.card : theme.ink }]}\n                                            >\n                                                {{ all: 'All', live: 'Live', draft: 'Draft' }[value]}\n                                            </Text>\n                                        </Tap>\n                                    );\n                                })}\n                            </View>\n                        ) : null}\n                    </View>\n                }\n                renderItem={({ item }) => (\n                    <Tap\n                        onPress={() => onOpen(item)}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel={`Open ${item.title}`}\n                        style={styles.row}\n                        pressedStyle={DIM}\n                        testID={`webbuilder-project-${item.channelId}`}\n                    >\n                        <View style={[styles.thumb, { borderColor: theme.border, backgroundColor: theme.card }]}>\n                            <TemplateCover uri={item.coverUrl} theme={theme} style={styles.cover} />\n                        </View>\n                        <View style={styles.rowText}>\n                            <Text style={[styles.rowTitle, { color: theme.ink }]} numberOfLines={1}>\n                                {item.title}\n                            </Text>\n                            <View style={styles.meta}>\n                                {item.liveUrl ? <View style={[styles.dot, { backgroundColor: theme.good }]} /> : null}\n                                <Text style={[styles.metaText, { color: theme.muted }]} numberOfLines={1}>\n                                    {item.liveUrl ? 'Live' : 'Draft'} · {editedAgo(item.updatedAt)}\n                                </Text>\n                            </View>\n                        </View>\n                        <Tap\n                            onPress={() => openMenu(item, () => onOpen(item))}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel={`More for ${item.title}`}\n                            hitSlop={8}\n                            style={[styles.more, { backgroundColor: theme.chip }]}\n                            pressedStyle={DIM}\n                        >\n                            <MaterialCommunityIcons name=\"dots-horizontal\" size={20} color={theme.ink} />\n                        </Tap>\n                    </Tap>\n                )}\n            />\n            <Tap\n                onPress={onNewProject}\n                accessibilityRole=\"button\"\n                accessibilityLabel=\"New project\"\n                style={[\n                    styles.fab,\n                    {\n                        bottom: bottomInset + 14,\n                        backgroundColor: theme.ink,\n                        shadowColor: theme.isDark ? '#000' : '#1c1917',\n                    },\n                ]}\n                pressedStyle={DIM}\n                testID=\"webbuilder-new-project\"\n            >\n                <MaterialCommunityIcons name=\"plus\" size={30} color={theme.card} />\n            </Tap>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    content: { paddingHorizontal: GUTTER, flexGrow: 1 },\n    header: { gap: 14, paddingBottom: 16 },\n    titleRow: { flexDirection: 'row', alignItems: 'center', gap: 10 },\n    title: { flex: 1, fontSize: 34, lineHeight: 40, fontWeight: '800', letterSpacing: -0.8 },\n    round: {\n        width: 48,\n        height: 48,\n        borderRadius: 24,\n        borderWidth: StyleSheet.hairlineWidth,\n        alignItems: 'center',\n        justifyContent: 'center',\n        shadowOpacity: 0.08,\n        shadowRadius: 10,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 3,\n    },\n    search: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 8,\n        borderRadius: 14,\n        borderWidth: StyleSheet.hairlineWidth,\n        paddingHorizontal: 12,\n    },\n    searchInput: { flex: 1, fontSize: 16, paddingVertical: 11 },\n    filters: { flexDirection: 'row', gap: 8 },\n    filter: { paddingHorizontal: 16, paddingVertical: 8, borderRadius: 999, borderWidth: StyleSheet.hairlineWidth },\n    filterLabel: { fontSize: 14, fontWeight: '600' },\n    row: { flexDirection: 'row', alignItems: 'center', gap: 16, paddingVertical: 10 },\n    thumb: {\n        width: 84,\n        height: 84,\n        borderRadius: 16,\n        borderWidth: StyleSheet.hairlineWidth,\n        overflow: 'hidden',\n    },\n    cover: { aspectRatio: undefined, flex: 1 },\n    rowText: { flex: 1, gap: 4 },\n    rowTitle: { fontSize: 17, fontWeight: '600', letterSpacing: -0.2 },\n    meta: { flexDirection: 'row', alignItems: 'center', gap: 6 },\n    dot: { width: 7, height: 7, borderRadius: 4 },\n    metaText: { fontSize: 14 },\n    more: { width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },\n    skeletonTitle: { height: 14, width: '60%', borderRadius: 7 },\n    skeletonMeta: { height: 12, width: '40%', borderRadius: 6 },\n    fab: {\n        position: 'absolute',\n        right: 20,\n        width: 64,\n        height: 64,\n        borderRadius: 32,\n        alignItems: 'center',\n        justifyContent: 'center',\n        shadowOpacity: 0.22,\n        shadowRadius: 16,\n        shadowOffset: { width: 0, height: 8 },\n        elevation: 8,\n    },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/webbuilder/components/PublishSheet.js

@@ -0,0 +1,143 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,Text,View,Linking,Share,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {publishSlug,displayHost,isValidPublishSlug}from'../buildFragments.js';import {PrimaryButton,SecondaryButton,Sheet}from'./ui.js';function PublishSheet({
+  visible,
+  build,
+  publishing,
+  onPublish,
+  onClose,
+  theme
+}) {
+  var _a;
+  const [name, setName] = useState("");
+  const [starting, setStarting] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!visible || !build) return;
+    setName((prev) => prev || publishSlug(build.title));
+    setError(null);
+  }, [visible, build]);
+  const live = (_a = build == null ? void 0 : build.liveUrl) != null ? _a : null;
+  const valid = isValidPublishSlug(name);
+  const publish = async () => {
+    if (!build || !onPublish || !valid) return;
+    setStarting(true);
+    setError(null);
+    try {
+      const result = await onPublish(build, name);
+      if (!result.ok) setError(result.message || "Publishing didn't start. Try again.");
+    } catch (e) {
+      setError("Publishing didn't start. Check your connection and try again.");
+    } finally {
+      setStarting(false);
+    }
+  };
+  let body;
+  if (!(build == null ? void 0 : build.sandboxId)) {
+    body = /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+      color: theme.muted
+    }], children: "There is nothing to publish yet. Build the site first, then publish it here." });
+  } else if (publishing && !starting) {
+    body = /* @__PURE__ */ jsxs(View, { style: styles.block, testID: "webbuilder-publishing", children: [
+      /* @__PURE__ */ jsx(PrimaryButton, { label: "Publishing\u2026", onPress: () => void 0, theme, busy: true }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: theme.muted
+      }], children: "This takes a minute or two. You can keep editing; the address appears here when it is live." })
+    ] });
+  } else {
+    body = /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      live ? /* @__PURE__ */ jsxs(View, { style: [styles.liveCard, {
+        backgroundColor: theme.goodSoft
+      }], testID: "webbuilder-live", children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "earth", size: 20, color: theme.good }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.liveHost, {
+          color: theme.good
+        }], numberOfLines: 1, children: displayHost(live) })
+      ] }) : null,
+      live ? /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        /* @__PURE__ */ jsx(SecondaryButton, { label: "Open", icon: "open-in-new", onPress: () => {
+          Linking.openURL(live).catch(() => void 0);
+        }, theme }),
+        /* @__PURE__ */ jsx(SecondaryButton, { label: "Share", icon: "share-variant-outline", onPress: () => {
+          Share.share({
+            message: live,
+            url: live
+          }).catch(() => void 0);
+        }, theme })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: theme.muted
+      }], children: live ? "Publish the latest version" : "Site address" }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.field, {
+        backgroundColor: theme.chip,
+        borderColor: valid ? theme.border : theme.crit
+      }], children: [
+        /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: (text) => setName(text.toLowerCase().replace(/[^a-z0-9-]/g, "").slice(0, 58)), autoCapitalize: "none", autoCorrect: false, placeholder: "my-site", placeholderTextColor: theme.faint, style: [styles.input, {
+          color: theme.ink
+        }], accessibilityLabel: "Site name", testID: "webbuilder-publish-name" }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.suffix, {
+          color: theme.muted
+        }], children: ".pages.dev" })
+      ] }),
+      !valid && name ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.crit
+      }], children: "Letters, numbers and dashes; it cannot start or end with a dash." }) : null,
+      error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.crit
+      }], children: error }) : null,
+      /* @__PURE__ */ jsx(PrimaryButton, { label: live ? "Publish update" : "Publish", icon: "rocket-launch-outline", onPress: () => {
+        publish().catch(() => void 0);
+      }, theme, busy: starting, disabled: !valid || !onPublish, testID: "webbuilder-publish-submit" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Publish", onClose, theme, testID: "webbuilder-publish-sheet", children: body });
+}
+const styles = StyleSheet.create({
+  block: {
+    gap: 12,
+    paddingTop: 4
+  },
+  row: {
+    flexDirection: "row",
+    gap: 10
+  },
+  liveCard: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    padding: 14,
+    borderRadius: 12
+  },
+  liveHost: {
+    flex: 1,
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 4
+  },
+  field: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    paddingHorizontal: 14,
+    minHeight: 48
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 10
+  },
+  suffix: {
+    fontSize: 15
+  },
+  help: {
+    fontSize: 13
+  },
+  note: {
+    fontSize: 14,
+    lineHeight: 20,
+    paddingVertical: 8
+  }
+});export{PublishSheet};//# sourceMappingURL=PublishSheet.js.map