feat: update new feature temp for panel

template/app.ts

@@ -1,3 +1,39 @@
 import { QueryAI } from '@kevisual/query/query-ai';
 import { MyCache } from '@kevisual/cache';
+import { useContextKey } from '@kevisual/system-lib/dist/web-config';
+import { QueryRouterServer } from '@kevisual/system-lib/dist/router-browser';
+import { QueryClient } from '@kevisual/system-lib/dist/query-browser';
+import { Page } from '@kevisual/system-lib/dist/web-page';
+import { BaseLoad } from '@kevisual/system-lib/dist/load';
+import { Message } from '@kevisual/system-ui/dist/message';
+export { useContextKey };
+export const message = useContextKey<Message>('message', () => {
+  return new Message();
+});
+export const load = useContextKey<BaseLoad>('load', () => {
+  return new BaseLoad();
+});
+export const app = useContextKey<QueryRouterServer>('app');
+export const page = useContextKey<Page>('page');
+export const query = useContextKey<QueryClient>('query', () => {
+  return new QueryClient({
+    io: true,
+  });
+});
+export const workCache = useContextKey<MyCache>('workCache', () => {
+  return new MyCache('work');
+});
 
+export const queryAI = useContextKey<QueryAI>('queryAI', () => {
+  return new QueryAI();
+});
+
+export const initAIAppRootOrCreate = () => {
+  const root = document.getElementById('ai-root');
+  if (!root) {
+    const root = document.createElement('div');
+    root.id = 'ai-root';
+    document.body.appendChild(root);
+  }
+  return root;
+};