@webmaster-droid/web 0.1.0 → 0.2.0

package/dist/core.css

@@ -0,0 +1,229 @@
+.wmd-panel {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  width: min(480px, calc(100vw - 1.5rem));
+  height: 62vh;
+  max-height: calc(100vh - 1.5rem);
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.wmd-panel * {
+  box-sizing: border-box;
+}
+
+.wmd-launcher {
+  position: fixed;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 100;
+  box-sizing: border-box;
+}
+
+.wmd-header {
+  flex-shrink: 0;
+}
+
+.wmd-header-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.wmd-header-actions {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.wmd-tabs {
+  display: inline-flex;
+  align-items: center;
+}
+
+.wmd-login-section {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+.wmd-login-card,
+.wmd-login-warning {
+  width: 100%;
+  max-width: 24rem;
+}
+
+.wmd-login-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.wmd-chat-section {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  flex-direction: column;
+  gap: 0.25rem;
+  overflow: auto;
+}
+
+.wmd-message--tool {
+  max-width: 96%;
+}
+
+.wmd-message--user,
+.wmd-message--thinking,
+.wmd-message--assistant,
+.wmd-message--fallback {
+  max-width: 92%;
+}
+
+.wmd-message--user {
+  margin-left: auto;
+}
+
+.wmd-message--assistant {
+  position: relative;
+}
+
+.wmd-assistant-avatar,
+.wmd-assistant-avatar-fallback {
+  position: absolute;
+  top: 0.375rem;
+  left: 0.5rem;
+  width: 18px;
+  height: 18px;
+}
+
+.wmd-assistant-avatar--pending {
+  animation: wmd-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.wmd-footer {
+  flex-shrink: 0;
+}
+
+.wmd-model-row,
+.wmd-selected-element,
+.wmd-composer-row {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+.wmd-model-select,
+.wmd-composer-input {
+  min-width: 0;
+  flex: 1;
+}
+
+.wmd-composer-input {
+  resize: none;
+}
+
+.wmd-history-section {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  flex-direction: column;
+}
+
+.wmd-history-columns {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  flex-direction: column;
+  gap: 0.5rem;
+  overflow: hidden;
+}
+
+.wmd-history-card {
+  display: flex;
+  min-height: 0;
+  flex-direction: column;
+}
+
+.wmd-history-list {
+  overflow: auto;
+}
+
+.wmd-history-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.wmd-history-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.wmd-history-item--checkpoint {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
+.wmd-history-text {
+  min-width: 0;
+  flex: 1;
+}
+
+.wmd-history-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.wmd-history-timestamp,
+.wmd-history-reason,
+.wmd-selected-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.wmd-icon-button,
+.wmd-selected-clear,
+.wmd-history-delete {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wmd-icon {
+  width: 14px;
+  height: 14px;
+}
+
+.wmd-selected-clear-icon {
+  width: 12px;
+  height: 12px;
+}
+
+@media (max-width: 640px) {
+  .wmd-panel {
+    left: 0.75rem;
+    right: 0.75rem;
+    bottom: 0.75rem;
+    width: auto;
+    height: min(72vh, 540px);
+  }
+}
+
+@keyframes wmd-pulse {
+  50% {
+    opacity: 0.5;
+  }
+}

package/dist/index.d.ts

@@ -626,6 +626,13 @@ type ModelOption = {
     id: string;
     label: string;
 };
+type ModelCapabilities = {
+    contentEdit: boolean;
+    themeTokenEdit: boolean;
+    imageGenerate: boolean;
+    imageEdit: boolean;
+    visionAssist: boolean;
+};
 type WebmasterDroidConfig = {
     apiBaseUrl?: string;
     supabaseUrl?: string;
@@ -658,6 +665,7 @@ type WebmasterDroidContextValue = {
     setModelId: (modelId: string) => void;
     showModelPicker: boolean;
     modelOptions: ModelOption[];
+    capabilities: ModelCapabilities;
     includeThinking: boolean;
     setIncludeThinking: (value: boolean) => void;
     refreshKey: number;
@@ -677,7 +685,10 @@ declare function WebmasterDroidProvider(props: {
 }): react_jsx_runtime.JSX.Element;
 declare function useWebmasterDroid(): WebmasterDroidContextValue;
 
-declare function WebmasterDroidOverlay(): react_jsx_runtime.JSX.Element | null;
+type WebmasterDroidOverlayProps = {
+    injectCoreStyles?: boolean;
+};
+declare function WebmasterDroidOverlay({ injectCoreStyles }: WebmasterDroidOverlayProps): react_jsx_runtime.JSX.Element | null;
 
 type AnyCmsDocument = CmsDocument<object, object, string>;
 type WebmasterDroidCmsContextValue<TDocument extends AnyCmsDocument = AnyCmsDocument> = {
@@ -686,13 +697,15 @@ type WebmasterDroidCmsContextValue<TDocument extends AnyCmsDocument = AnyCmsDocu
     loading: boolean;
     error: string | null;
 };
-declare function WebmasterDroidRuntime<TDocument extends AnyCmsDocument = AnyCmsDocument>(props: {
+type WebmasterDroidRuntimeProps<TDocument extends AnyCmsDocument = AnyCmsDocument> = {
     children: ReactNode;
     fallbackDocument?: TDocument;
     config?: WebmasterDroidConfig;
     includeOverlay?: boolean;
     applyThemeTokens?: boolean;
-}): react_jsx_runtime.JSX.Element;
+    injectCoreStyles?: boolean;
+};
+declare function WebmasterDroidRuntime<TDocument extends AnyCmsDocument = AnyCmsDocument>(props: WebmasterDroidRuntimeProps<TDocument>): react_jsx_runtime.JSX.Element;
 declare function useWebmasterDroidCmsDocument<TDocument extends AnyCmsDocument = AnyCmsDocument>(): WebmasterDroidCmsContextValue<TDocument>;
 
 declare function getSupabaseBrowserClient(config: ResolvedWebmasterDroidConfig): SupabaseClient | null;
@@ -703,6 +716,7 @@ declare function fetchModels(apiBaseUrl: string): Promise<{
         openai: boolean;
         gemini: boolean;
     };
+    capabilities: ModelCapabilities;
     defaultModelId: string;
     showModelPicker: boolean;
     availableModels: ModelOption[];
@@ -741,4 +755,4 @@ declare function streamChat(params: {
     }) => void;
 }): Promise<void>;
 
-export { EditableImage, EditableLink, EditableProvider, EditableRichText, EditableText, type ModelOption, type ResolvedWebmasterDroidConfig, type WebmasterDroidCmsContextValue, type WebmasterDroidConfig, type WebmasterDroidContextValue, WebmasterDroidOverlay, WebmasterDroidProvider, WebmasterDroidRuntime, buildApiUrl, deleteCheckpoint, editableMeta, fetchCmsContent, fetchHistory, fetchModels, getSupabaseBrowserClient, parseSelectedEditableFromTarget, publishDraft, resolveWebmasterDroidConfig, rollbackDraft, streamChat, useEditableDocument, useWebmasterDroid, useWebmasterDroidCmsDocument };
+export { EditableImage, EditableLink, EditableProvider, EditableRichText, EditableText, type ModelOption, type ResolvedWebmasterDroidConfig, type WebmasterDroidCmsContextValue, type WebmasterDroidConfig, type WebmasterDroidContextValue, WebmasterDroidOverlay, type WebmasterDroidOverlayProps, WebmasterDroidProvider, WebmasterDroidRuntime, type WebmasterDroidRuntimeProps, buildApiUrl, deleteCheckpoint, editableMeta, fetchCmsContent, fetchHistory, fetchModels, getSupabaseBrowserClient, parseSelectedEditableFromTarget, publishDraft, resolveWebmasterDroidConfig, rollbackDraft, streamChat, useEditableDocument, useWebmasterDroid, useWebmasterDroidCmsDocument };