Update project structure and dependencies; add architecture documentation and improve build scripts. Introduce new versioning and permissions for enhanced functionality.

2026-09-26 13:11:53 +08:00 · 2026-08-06 15:11:35 +08:00
parent c8380de521
commit 0371a8b802
113 changed files with 15944 additions and 6556 deletions
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Yakit Browser Agent</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="./main.tsx"></script>
+</body>
+</html>
@@ -0,0 +1,46 @@
+import { useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { browser } from 'wxt/browser';
+import { TooltipProvider } from '@/components/ui/tooltip';
+import { FloatingPanel } from '@/features/floating-panel/FloatingPanel';
+import type { ActiveTabInfo, BridgeStatus, ExtensionState } from '@/types/models';
+import { request } from '@/platform/messaging/runtime';
+import { watchTheme } from '@/platform/storage/appearance';
+import '@/styles/global.css';
+import '../agent.content/style.css';
+import './style.css';
+
+watchTheme();
+
+function FloatingApp() {
+  const [initial, setInitial] = useState<{ state: ExtensionState; tab?: ActiveTabInfo; bridge: BridgeStatus }>();
+  const [error, setError] = useState('');
+
+  useEffect(() => {
+    const tabId = Number(new URLSearchParams(location.search).get('tabId'));
+    void Promise.all([
+      request('state.get'),
+      Number.isSafeInteger(tabId) && tabId > 0
+        ? request('tab.get', { tabId }).catch(() => undefined)
+        : Promise.resolve(undefined),
+      request('bridge.status'),
+    ]).then(([state, tab, bridge]) => setInitial({ state, tab, bridge }))
+      .catch((reason) => setError(reason instanceof Error ? reason.message : String(reason)));
+  }, []);
+
+  if (error) return <div className="floating-frame-error">{error}</div>;
+  if (!initial) return <div className="floating-frame-loading">正在加载</div>;
+  return (
+    <FloatingPanel
+      initialState={initial.state}
+      initialTab={initial.tab}
+      initialBridge={initial.bridge}
+      yakIconUrl={browser.runtime.getURL('/yak.svg')}
+      embedded
+    />
+  );
+}
+
+createRoot(document.getElementById('app')!).render(
+  <TooltipProvider delayDuration={350}><FloatingApp /></TooltipProvider>,
+);
@@ -0,0 +1,8 @@
+html, body, #app { width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; overflow: hidden; }
+body { background: transparent; }
+.floating-panel.floating-panel--embedded { position: relative; inset: auto; width: 100%; height: 100%; transform: none; filter: none; }
+.floating-panel--embedded .floating-panel__header { border-radius: 8px 8px 0 0; }
+.floating-panel--embedded .floating-panel__body { max-height: calc(100% - 46px); overflow: auto; box-shadow: none; }
+.floating-panel--embedded .floating-panel__brand { visibility: hidden; }
+.floating-frame-loading, .floating-frame-error { height: 100%; display: grid; place-items: center; padding: 16px; box-sizing: border-box; color: var(--muted); background: var(--surface); font: 13px var(--font-sans); }
+.floating-frame-error { color: var(--danger); }