@things-factory/operato-dataset 9.1.18 → 9.1.19

package/dist-client/pages/dataset-labeling-workflow-list.d.ts

@@ -0,0 +1,18 @@
+import { PageView } from '@operato/shell';
+/**
+ * Labeling Workflow List Page
+ *
+ * DataSet의 labeling workflow 목록을 보여주는 페이지
+ */
+export declare class DatasetLabelingWorkflowListPage extends PageView {
+    static styles: import("lit").CSSResult[];
+    workflows: any[];
+    loading: boolean;
+    firstUpdated(): Promise<void>;
+    loadWorkflows(): Promise<void>;
+    createAutoWorkflow(): Promise<void>;
+    createQuickWorkflow(): Promise<void>;
+    executeWorkflow(workflowId: string): Promise<void>;
+    getStatusClass(status: string): "status-active" | "status-draft" | "status-paused" | "";
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/dataset-labeling-workflow-list.js

@@ -0,0 +1,283 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { PageView } from '@operato/shell';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+/**
+ * Labeling Workflow List Page
+ *
+ * DataSet의 labeling workflow 목록을 보여주는 페이지
+ */
+let DatasetLabelingWorkflowListPage = class DatasetLabelingWorkflowListPage extends PageView {
+    constructor() {
+        super(...arguments);
+        this.workflows = [];
+        this.loading = true;
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        padding: 20px;
+        background-color: var(--md-sys-color-surface);
+      }
+
+      h1 {
+        font-size: 24px;
+        margin-bottom: 20px;
+        color: var(--md-sys-color-on-surface);
+      }
+
+      .toolbar {
+        display: flex;
+        gap: 10px;
+        margin-bottom: 20px;
+      }
+
+      button {
+        padding: 10px 20px;
+        background-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+
+      button:hover {
+        opacity: 0.9;
+      }
+
+      .workflow-list {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+
+      .workflow-item {
+        padding: 15px;
+        background-color: var(--md-sys-color-surface-variant);
+        border-radius: 8px;
+        cursor: pointer;
+        transition: transform 0.2s;
+      }
+
+      .workflow-item:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      }
+
+      .workflow-name {
+        font-size: 18px;
+        font-weight: bold;
+        margin-bottom: 5px;
+      }
+
+      .workflow-info {
+        font-size: 14px;
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      .workflow-status {
+        display: inline-block;
+        padding: 4px 8px;
+        border-radius: 4px;
+        font-size: 12px;
+        margin-left: 10px;
+      }
+
+      .status-active {
+        background-color: #4caf50;
+        color: white;
+      }
+
+      .status-draft {
+        background-color: #9e9e9e;
+        color: white;
+      }
+
+      .status-paused {
+        background-color: #ff9800;
+        color: white;
+      }
+
+      .loading {
+        text-align: center;
+        padding: 40px;
+        color: var(--md-sys-color-on-surface-variant);
+      }
+    `
+    ]; }
+    async firstUpdated() {
+        await this.loadWorkflows();
+    }
+    async loadWorkflows() {
+        this.loading = true;
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            datasetLabelingWorkflows {
+              id
+              name
+              description
+              projectId
+              status
+              triggerType
+              createdAt
+              lastExecutedAt
+            }
+          }
+        `
+            });
+            this.workflows = response.data.datasetLabelingWorkflows || [];
+        }
+        catch (error) {
+            console.error('Failed to load workflows:', error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async createAutoWorkflow() {
+        const dataSetId = prompt('Enter DataSet ID:');
+        const projectId = prompt('Enter Label Studio Project ID:');
+        const workflowName = prompt('Enter Workflow Name:');
+        if (!dataSetId || !projectId || !workflowName)
+            return;
+        try {
+            await client.mutate({
+                mutation: gql `
+          mutation CreateWorkflow($dataSetId: String!, $projectId: Int!, $workflowName: String!) {
+            createDatasetLabelingWorkflow(
+              dataSetId: $dataSetId
+              projectId: $projectId
+              workflowName: $workflowName
+              autoStart: false
+            ) {
+              id
+              name
+            }
+          }
+        `,
+                variables: { dataSetId, projectId: parseInt(projectId), workflowName }
+            });
+            alert('Workflow created successfully!');
+            await this.loadWorkflows();
+        }
+        catch (error) {
+            console.error('Failed to create workflow:', error);
+            alert('Failed to create workflow');
+        }
+    }
+    async createQuickWorkflow() {
+        const dataSetId = prompt('Enter DataSet ID:');
+        const projectId = prompt('Enter Label Studio Project ID:');
+        const workflowName = prompt('Enter Workflow Name:');
+        if (!dataSetId || !projectId || !workflowName)
+            return;
+        try {
+            await client.mutate({
+                mutation: gql `
+          mutation CreateQuickWorkflow($dataSetId: String!, $projectId: Int!, $workflowName: String!) {
+            createQuickLabelingWorkflow(dataSetId: $dataSetId, projectId: $projectId, workflowName: $workflowName) {
+              id
+              name
+            }
+          }
+        `,
+                variables: { dataSetId, projectId: parseInt(projectId), workflowName }
+            });
+            alert('Quick workflow created successfully!');
+            await this.loadWorkflows();
+        }
+        catch (error) {
+            console.error('Failed to create quick workflow:', error);
+            alert('Failed to create quick workflow');
+        }
+    }
+    async executeWorkflow(workflowId) {
+        if (!confirm('Execute this workflow?'))
+            return;
+        try {
+            await client.mutate({
+                mutation: gql `
+          mutation ExecuteWorkflow($workflowId: String!) {
+            executeDatasetWorkflow(workflowId: $workflowId) {
+              executionId
+              status
+              summary
+            }
+          }
+        `,
+                variables: { workflowId }
+            });
+            alert('Workflow execution started!');
+        }
+        catch (error) {
+            console.error('Failed to execute workflow:', error);
+            alert('Failed to execute workflow');
+        }
+    }
+    getStatusClass(status) {
+        switch (status?.toLowerCase()) {
+            case 'active':
+                return 'status-active';
+            case 'draft':
+                return 'status-draft';
+            case 'paused':
+                return 'status-paused';
+            default:
+                return '';
+        }
+    }
+    render() {
+        if (this.loading) {
+            return html `<div class="loading">Loading workflows...</div>`;
+        }
+        return html `
+      <h1>Labeling Workflows</h1>
+
+      <div class="toolbar">
+        <button @click=${this.createAutoWorkflow}>Create Auto Workflow</button>
+        <button @click=${this.createQuickWorkflow}>Create Quick Workflow</button>
+        <button @click=${this.loadWorkflows}>Refresh</button>
+      </div>
+
+      <div class="workflow-list">
+        ${this.workflows.length === 0
+            ? html `<div class="loading">No workflows found</div>`
+            : this.workflows.map(workflow => html `
+                <div class="workflow-item" @click=${() => this.executeWorkflow(workflow.id)}>
+                  <div class="workflow-name">
+                    ${workflow.name}
+                    <span class="workflow-status ${this.getStatusClass(workflow.status)}">${workflow.status}</span>
+                  </div>
+                  <div class="workflow-info">Project ID: ${workflow.projectId} | Trigger: ${workflow.triggerType}</div>
+                  <div class="workflow-info">${workflow.description || 'No description'}</div>
+                  <div class="workflow-info">
+                    Created: ${new Date(workflow.createdAt).toLocaleDateString()}
+                    ${workflow.lastExecutedAt
+                ? ` | Last executed: ${new Date(workflow.lastExecutedAt).toLocaleDateString()}`
+                : ''}
+                  </div>
+                </div>
+              `)}
+      </div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], DatasetLabelingWorkflowListPage.prototype, "workflows", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], DatasetLabelingWorkflowListPage.prototype, "loading", void 0);
+DatasetLabelingWorkflowListPage = __decorate([
+    customElement('dataset-labeling-workflow-list-page')
+], DatasetLabelingWorkflowListPage);
+export { DatasetLabelingWorkflowListPage };
+//# sourceMappingURL=dataset-labeling-workflow-list.js.map

package/dist-client/pages/dataset-labeling-workflow-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataset-labeling-workflow-list.js","sourceRoot":"","sources":["../../client/pages/dataset-labeling-workflow-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { PageView } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n/**\n * Labeling Workflow List Page\n *\n * DataSet의 labeling workflow 목록을 보여주는 페이지\n */\n@customElement('dataset-labeling-workflow-list-page')\nexport class DatasetLabelingWorkflowListPage extends PageView {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 20px;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      h1 {\n        font-size: 24px;\n        margin-bottom: 20px;\n        color: var(--md-sys-color-on-surface);\n      }\n\n      .toolbar {\n        display: flex;\n        gap: 10px;\n        margin-bottom: 20px;\n      }\n\n      button {\n        padding: 10px 20px;\n        background-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n      }\n\n      button:hover {\n        opacity: 0.9;\n      }\n\n      .workflow-list {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n      }\n\n      .workflow-item {\n        padding: 15px;\n        background-color: var(--md-sys-color-surface-variant);\n        border-radius: 8px;\n        cursor: pointer;\n        transition: transform 0.2s;\n      }\n\n      .workflow-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      }\n\n      .workflow-name {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 5px;\n      }\n\n      .workflow-info {\n        font-size: 14px;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n\n      .workflow-status {\n        display: inline-block;\n        padding: 4px 8px;\n        border-radius: 4px;\n        font-size: 12px;\n        margin-left: 10px;\n      }\n\n      .status-active {\n        background-color: #4caf50;\n        color: white;\n      }\n\n      .status-draft {\n        background-color: #9e9e9e;\n        color: white;\n      }\n\n      .status-paused {\n        background-color: #ff9800;\n        color: white;\n      }\n\n      .loading {\n        text-align: center;\n        padding: 40px;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n    `\n  ]\n\n  @state() workflows: any[] = []\n  @state() loading: boolean = true\n\n  async firstUpdated() {\n    await this.loadWorkflows()\n  }\n\n  async loadWorkflows() {\n    this.loading = true\n    try {\n      const response = await client.query({\n        query: gql`\n          query {\n            datasetLabelingWorkflows {\n              id\n              name\n              description\n              projectId\n              status\n              triggerType\n              createdAt\n              lastExecutedAt\n            }\n          }\n        `\n      })\n\n      this.workflows = response.data.datasetLabelingWorkflows || []\n    } catch (error) {\n      console.error('Failed to load workflows:', error)\n    } finally {\n      this.loading = false\n    }\n  }\n\n  async createAutoWorkflow() {\n    const dataSetId = prompt('Enter DataSet ID:')\n    const projectId = prompt('Enter Label Studio Project ID:')\n    const workflowName = prompt('Enter Workflow Name:')\n\n    if (!dataSetId || !projectId || !workflowName) return\n\n    try {\n      await client.mutate({\n        mutation: gql`\n          mutation CreateWorkflow($dataSetId: String!, $projectId: Int!, $workflowName: String!) {\n            createDatasetLabelingWorkflow(\n              dataSetId: $dataSetId\n              projectId: $projectId\n              workflowName: $workflowName\n              autoStart: false\n            ) {\n              id\n              name\n            }\n          }\n        `,\n        variables: { dataSetId, projectId: parseInt(projectId), workflowName }\n      })\n\n      alert('Workflow created successfully!')\n      await this.loadWorkflows()\n    } catch (error) {\n      console.error('Failed to create workflow:', error)\n      alert('Failed to create workflow')\n    }\n  }\n\n  async createQuickWorkflow() {\n    const dataSetId = prompt('Enter DataSet ID:')\n    const projectId = prompt('Enter Label Studio Project ID:')\n    const workflowName = prompt('Enter Workflow Name:')\n\n    if (!dataSetId || !projectId || !workflowName) return\n\n    try {\n      await client.mutate({\n        mutation: gql`\n          mutation CreateQuickWorkflow($dataSetId: String!, $projectId: Int!, $workflowName: String!) {\n            createQuickLabelingWorkflow(dataSetId: $dataSetId, projectId: $projectId, workflowName: $workflowName) {\n              id\n              name\n            }\n          }\n        `,\n        variables: { dataSetId, projectId: parseInt(projectId), workflowName }\n      })\n\n      alert('Quick workflow created successfully!')\n      await this.loadWorkflows()\n    } catch (error) {\n      console.error('Failed to create quick workflow:', error)\n      alert('Failed to create quick workflow')\n    }\n  }\n\n  async executeWorkflow(workflowId: string) {\n    if (!confirm('Execute this workflow?')) return\n\n    try {\n      await client.mutate({\n        mutation: gql`\n          mutation ExecuteWorkflow($workflowId: String!) {\n            executeDatasetWorkflow(workflowId: $workflowId) {\n              executionId\n              status\n              summary\n            }\n          }\n        `,\n        variables: { workflowId }\n      })\n\n      alert('Workflow execution started!')\n    } catch (error) {\n      console.error('Failed to execute workflow:', error)\n      alert('Failed to execute workflow')\n    }\n  }\n\n  getStatusClass(status: string) {\n    switch (status?.toLowerCase()) {\n      case 'active':\n        return 'status-active'\n      case 'draft':\n        return 'status-draft'\n      case 'paused':\n        return 'status-paused'\n      default:\n        return ''\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return html`<div class=\"loading\">Loading workflows...</div>`\n    }\n\n    return html`\n      <h1>Labeling Workflows</h1>\n\n      <div class=\"toolbar\">\n        <button @click=${this.createAutoWorkflow}>Create Auto Workflow</button>\n        <button @click=${this.createQuickWorkflow}>Create Quick Workflow</button>\n        <button @click=${this.loadWorkflows}>Refresh</button>\n      </div>\n\n      <div class=\"workflow-list\">\n        ${this.workflows.length === 0\n          ? html`<div class=\"loading\">No workflows found</div>`\n          : this.workflows.map(\n              workflow => html`\n                <div class=\"workflow-item\" @click=${() => this.executeWorkflow(workflow.id)}>\n                  <div class=\"workflow-name\">\n                    ${workflow.name}\n                    <span class=\"workflow-status ${this.getStatusClass(workflow.status)}\">${workflow.status}</span>\n                  </div>\n                  <div class=\"workflow-info\">Project ID: ${workflow.projectId} | Trigger: ${workflow.triggerType}</div>\n                  <div class=\"workflow-info\">${workflow.description || 'No description'}</div>\n                  <div class=\"workflow-info\">\n                    Created: ${new Date(workflow.createdAt).toLocaleDateString()}\n                    ${workflow.lastExecutedAt\n                      ? ` | Last executed: ${new Date(workflow.lastExecutedAt).toLocaleDateString()}`\n                      : ''}\n                  </div>\n                </div>\n              `\n            )}\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "/todo-list" | undefined;
+export default function route(page: string): "dataset-labeling-workflows" | "/todo-list" | undefined;

package/dist-client/route.js

@@ -2,6 +2,9 @@ export default function route(page) {
     switch (page) {
         case '':
             return '/todo-list';
+        case 'dataset-labeling-workflows':
+            import('./pages/dataset-labeling-workflow-list.js');
+            return page;
     }
 }
 //# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;IACvB,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case '':\n      return '/todo-list'\n  }\n}\n"]}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,4BAA4B;YAC/B,MAAM,CAAC,2CAA2C,CAAC,CAAA;YACnD,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page: string) {\n  switch (page) {\n    case '':\n      return '/todo-list'\n\n    case 'dataset-labeling-workflows':\n      import('./pages/dataset-labeling-workflow-list.js')\n      return page\n  }\n}\n"]}