@jskit-ai/assistant 0.1.4

package/src/client/components/AssistantConsoleSettingsClientElement.vue

@@ -0,0 +1,71 @@
+<template>
+  <AssistantSettingsFormCard
+    root-class="assistant-console-settings-client-element"
+    title="Assistant console settings"
+    subtitle="Configure the prompt used on workspace/admin assistant surfaces."
+    no-permission-message="You do not have permission to view assistant console settings."
+    save-label="Save assistant console settings"
+    :add-edit="addEdit"
+    :show-form-skeleton="showFormSkeleton"
+  >
+    <v-textarea
+      v-model="form.workspaceSurfacePrompt"
+      label="Workspace/Admin surface prompt"
+      variant="outlined"
+      density="comfortable"
+      rows="6"
+      auto-grow
+      :readonly="!addEdit.canSave || addEdit.isSaving || addEdit.isRefetching"
+      :error-messages="addEdit.fieldErrors.workspaceSurfacePrompt ? [addEdit.fieldErrors.workspaceSurfacePrompt] : []"
+    />
+  </AssistantSettingsFormCard>
+</template>
+
+<script setup>
+import { computed, reactive } from "vue";
+import { validateOperationSection } from "@jskit-ai/http-runtime/shared/validators/operationValidation";
+import { useAddEdit } from "@jskit-ai/users-web/client/composables/useAddEdit";
+import AssistantSettingsFormCard from "./AssistantSettingsFormCard.vue";
+import { assistantConsoleSettingsResource } from "../../shared/assistantSettingsResource.js";
+import { ASSISTANT_CONSOLE_SETTINGS_CHANGED_EVENT } from "../../shared/settingsEvents.js";
+
+const form = reactive({
+  workspaceSurfacePrompt: ""
+});
+
+const addEdit = useAddEdit({
+  visibility: "public",
+  access: "never",
+  resource: assistantConsoleSettingsResource,
+  apiSuffix: "/console/settings/assistant",
+  queryKeyFactory: () => ["assistant", "settings", "console"],
+  viewPermissions: [],
+  savePermissions: [],
+  writeMethod: "PATCH",
+  placementSource: "assistant.console-settings-view",
+  fallbackLoadError: "Unable to load assistant console settings.",
+  fallbackSaveError: "Unable to update assistant console settings.",
+  fieldErrorKeys: ["workspaceSurfacePrompt"],
+  realtime: {
+    event: ASSISTANT_CONSOLE_SETTINGS_CHANGED_EVENT
+  },
+  model: form,
+  parseInput: (rawPayload) =>
+    validateOperationSection({
+      operation: assistantConsoleSettingsResource.operations.patch,
+      section: "bodyValidator",
+      value: rawPayload
+    }),
+  mapLoadedToModel(model, payload = {}) {
+    const settings = payload?.settings && typeof payload.settings === "object" ? payload.settings : {};
+    model.workspaceSurfacePrompt = String(settings.workspaceSurfacePrompt || "");
+  },
+  buildRawPayload(model) {
+    return {
+      workspaceSurfacePrompt: model.workspaceSurfacePrompt
+    };
+  }
+});
+
+const showFormSkeleton = computed(() => Boolean(addEdit.isInitialLoading));
+</script>

package/src/client/components/AssistantSettingsFormCard.vue

@@ -0,0 +1,76 @@
+<template>
+  <section :class="props.rootClass">
+    <v-card rounded="lg" elevation="1" border>
+      <v-card-item>
+        <v-card-title class="text-h6">{{ props.title }}</v-card-title>
+        <v-card-subtitle>{{ props.subtitle }}</v-card-subtitle>
+      </v-card-item>
+      <v-divider />
+      <v-card-text class="pt-4">
+        <template v-if="props.showFormSkeleton">
+          <v-skeleton-loader type="text@2, list-item-two-line@4, button" />
+        </template>
+
+        <p v-else-if="props.addEdit.loadError" class="text-body-2 text-medium-emphasis mb-4">
+          {{ props.addEdit.loadError }}
+        </p>
+
+        <p v-else-if="!props.addEdit.canView" class="text-body-2 text-medium-emphasis mb-4">
+          {{ props.noPermissionMessage }}
+        </p>
+
+        <template v-else>
+          <v-form @submit.prevent="props.addEdit.submit" novalidate>
+            <v-progress-linear v-if="props.addEdit.isRefetching" indeterminate class="mb-4" />
+            <slot />
+            <div class="d-flex align-center justify-end ga-3 mt-2">
+              <v-btn
+                v-if="props.addEdit.canSave"
+                type="submit"
+                color="primary"
+                :loading="props.addEdit.isSaving"
+                :disabled="props.addEdit.isInitialLoading || props.addEdit.isRefetching"
+              >
+                {{ props.saveLabel }}
+              </v-btn>
+              <v-chip v-else color="secondary" label>Read-only</v-chip>
+            </div>
+          </v-form>
+        </template>
+      </v-card-text>
+    </v-card>
+  </section>
+</template>
+
+<script setup>
+const props = defineProps({
+  rootClass: {
+    type: String,
+    required: true
+  },
+  title: {
+    type: String,
+    required: true
+  },
+  subtitle: {
+    type: String,
+    required: true
+  },
+  noPermissionMessage: {
+    type: String,
+    required: true
+  },
+  saveLabel: {
+    type: String,
+    required: true
+  },
+  addEdit: {
+    type: Object,
+    required: true
+  },
+  showFormSkeleton: {
+    type: Boolean,
+    default: false
+  }
+});
+</script>

package/src/client/components/AssistantWorkspaceClientElement.vue

@@ -0,0 +1,15 @@
+<template>
+  <AssistantClientElement
+    :meta="runtime.meta"
+    :state="runtime.state"
+    :actions="runtime.actions"
+    :viewer="runtime.viewer.value"
+  />
+</template>
+
+<script setup>
+import AssistantClientElement from "./AssistantClientElement.vue";
+import { useAssistantWorkspaceRuntime } from "../composables/useAssistantWorkspaceRuntime.js";
+
+const runtime = useAssistantWorkspaceRuntime();
+</script>

package/src/client/components/AssistantWorkspaceSettingsClientElement.vue

@@ -0,0 +1,73 @@
+<template>
+  <AssistantSettingsFormCard
+    root-class="assistant-workspace-settings-client-element"
+    title="Assistant workspace settings"
+    subtitle="Configure the prompt used on the app surface for this workspace."
+    no-permission-message="You do not have permission to view assistant workspace settings."
+    save-label="Save assistant workspace settings"
+    :add-edit="addEdit"
+    :show-form-skeleton="showFormSkeleton"
+  >
+    <v-textarea
+      v-model="form.appSurfacePrompt"
+      label="App surface prompt"
+      variant="outlined"
+      density="comfortable"
+      rows="6"
+      auto-grow
+      :readonly="!addEdit.canSave || addEdit.isSaving || addEdit.isRefetching"
+      :error-messages="addEdit.fieldErrors.appSurfacePrompt ? [addEdit.fieldErrors.appSurfacePrompt] : []"
+    />
+  </AssistantSettingsFormCard>
+</template>
+
+<script setup>
+import { computed, reactive } from "vue";
+import { validateOperationSection } from "@jskit-ai/http-runtime/shared/validators/operationValidation";
+import { useAddEdit } from "@jskit-ai/users-web/client/composables/useAddEdit";
+import { matchesCurrentWorkspaceEvent } from "@jskit-ai/users-web/client/support/realtimeWorkspace";
+import AssistantSettingsFormCard from "./AssistantSettingsFormCard.vue";
+import { assistantWorkspaceSettingsResource } from "../../shared/assistantSettingsResource.js";
+import { ASSISTANT_WORKSPACE_SETTINGS_CHANGED_EVENT } from "../../shared/settingsEvents.js";
+
+const form = reactive({
+  appSurfacePrompt: ""
+});
+
+const addEdit = useAddEdit({
+  visibility: "workspace",
+  resource: assistantWorkspaceSettingsResource,
+  apiSuffix: "/settings/assistant",
+  queryKeyFactory: (surfaceId = "", workspaceSlug = "") => ["assistant", "settings", "workspace", surfaceId, workspaceSlug],
+  viewPermissions: ["workspace.settings.view", "workspace.settings.update"],
+  savePermissions: ["workspace.settings.update"],
+  writeMethod: "PATCH",
+  placementSource: "assistant.workspace-settings-view",
+  fallbackLoadError: "Unable to load assistant workspace settings.",
+  fallbackSaveError: "Unable to update assistant workspace settings.",
+  fieldErrorKeys: ["appSurfacePrompt"],
+  realtime: {
+    event: ASSISTANT_WORKSPACE_SETTINGS_CHANGED_EVENT,
+    matches: ({ payload = {}, routeContext = {} } = {}) =>
+      matchesCurrentWorkspaceEvent(payload, routeContext?.workspaceSlugFromRoute?.value)
+  },
+  model: form,
+  parseInput: (rawPayload) =>
+    validateOperationSection({
+      operation: assistantWorkspaceSettingsResource.operations.patch,
+      section: "bodyValidator",
+      value: rawPayload
+    }),
+  mapLoadedToModel(model, payload = {}) {
+    const settings = payload?.settings && typeof payload.settings === "object" ? payload.settings : {};
+    model.appSurfacePrompt = String(settings.appSurfacePrompt || "");
+  },
+  buildRawPayload(model) {
+    return {
+      appSurfacePrompt: model.appSurfacePrompt
+    };
+  }
+});
+
+const showFormSkeleton = computed(() => Boolean(addEdit.isInitialLoading));
+</script>