plugin-build-guide-block 1.1.7 → 1.1.9

package/dist/client-v2/376.bea427a4cf8864b4.js

@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+"use strict";(self.webpackChunkplugin_build_guide_block_client_v2=self.webpackChunkplugin_build_guide_block_client_v2||[]).push([["376"],{571:function(e,t,r){r.d(t,{UserGuideManager:function(){return v}});var n=r(155),a=r.n(n),l=r(59),u=r(375),i=r(485),c=r(953);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t,r,n,a,l,u){try{var i=e[l](u),c=i.value}catch(e){r(e);return}i.done?t(c):Promise.resolve(c).then(n,a)}function d(e){return function(){var t=this,r=arguments;return new Promise(function(n,a){var l=e.apply(t,r);function u(e){s(l,n,a,u,i,"next",e)}function i(e){s(l,n,a,u,i,"throw",e)}u(void 0)})}}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l=[],u=!0,i=!1;try{for(a=a.call(e);!(u=(r=a.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){i=!0,n=e}finally{try{u||null==a.return||a.return()}finally{if(i)throw n}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return o(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){var r,n,a,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},u=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),i=Object.defineProperty;return i(u,"next",{value:c(0)}),i(u,"throw",{value:c(1)}),i(u,"return",{value:c(2)}),"function"==typeof Symbol&&i(u,Symbol.iterator,{value:function(){return this}}),u;function c(i){return function(c){var o=[i,c];if(r)throw TypeError("Generator is already executing.");for(;u&&(u=0,o[0]&&(l=0)),l;)try{if(r=1,n&&(a=2&o[0]?n.return:o[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;switch(n=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return l.label++,{value:o[1],done:!1};case 5:l.label++,n=o[1],o=[0];continue;case 7:o=l.ops.pop(),l.trys.pop();continue;default:if(!(a=(a=l.trys).length>0&&a[a.length-1])&&(6===o[0]||2===o[0])){l=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){l.label=o[1];break}if(6===o[0]&&l.label<a[1]){l.label=a[1],a=o;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(o);break}a[2]&&l.ops.pop(),l.trys.pop();continue}o=t.call(e,l)}catch(e){o=[6,e],n=0}finally{r=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}}}var f={draft:"default",building:"blue",completed:"success",error:"error"},h=[{label:"HTML",value:"html"},{label:"Markdown",value:"markdown"}],b=function(e){var t=Number(e);return Number.isFinite(t)?Math.max(1,Math.min(12,Math.round(t))):5},v=function(){var e=(0,c.useTranslation)().t,t=(0,i.useApp)().apiClient,r=l.App.useApp(),o=r.message,s=r.modal,v=m(l.Form.useForm(),1)[0],y=l.Form.useWatch("llmService",v),S=m((0,n.useState)([]),2),g=S[0],E=S[1],C=m((0,n.useState)(!1),2),w=C[0],k=C[1],F=m((0,n.useState)(!1),2),B=F[0],I=F[1],T=m((0,n.useState)(null),2),x=T[0],A=T[1],P=m((0,n.useState)(!1),2),G=P[0],M=P[1],_=m((0,n.useState)([]),2),O=_[0],D=_[1],j=m((0,n.useState)([]),2),q=j[0],L=j[1],V=m((0,n.useState)(null),2),N=V[0],U=V[1],R=(0,n.useRef)(null),H=(0,n.useCallback)(function(){return d(function(){var e,r;return p(this,function(n){switch(n.label){case 0:k(!0),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,t.resource("aiBuildGuideSpaces").list({appends:["documents"],sort:["-createdAt"],paginate:!1})];case 2:return E((null==(r=n.sent())||null==(e=r.data)?void 0:e.data)||[]),[3,4];case 3:return k(!1),[7];case 4:return[2]}})})()},[t]);(0,n.useEffect)(function(){H()},[H]),(0,n.useEffect)(function(){return function(){R.current&&clearTimeout(R.current)}},[]);var K=(0,n.useCallback)(function(){return d(function(){var e,r;return p(this,function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),[4,t.resource("ai").listLLMServices()];case 1:return D(((null==(r=n.sent())||null==(e=r.data)?void 0:e.data)||[]).map(function(e){return{label:e.title||e.name,value:e.name}})),[3,3];case 2:return n.sent(),D([]),[3,3];case 3:return[2]}})})()},[t]),W=(0,n.useCallback)(function(e){return d(function(){var r,n;return p(this,function(a){switch(a.label){case 0:if(!e)return L([]),[2];a.label=1;case 1:return a.trys.push([1,3,,4]),[4,t.resource("ai").listModels({llmService:e})];case 2:return L(((null==(n=a.sent())||null==(r=n.data)?void 0:r.data)||[]).map(function(e){return{label:e.id||e.name,value:e.id||e.name}})),[3,4];case 3:return a.sent(),L([]),[3,4];case 4:return[2]}})})()},[t]);(0,n.useEffect)(function(){W(y)},[y,W]);var Y=function(e){A(e.id),v.resetFields(),v.setFieldsValue({title:e.title,llmService:e.llmService,model:e.model,outputFormat:e.outputFormat||"html",targetChapterCount:b(e.targetChapterCount),chapterGuidance:e.chapterGuidance,systemPrompt:e.systemPrompt}),K(),W(e.llmService),I(!0)},$=(0,n.useCallback)(function(){R.current&&(clearTimeout(R.current),R.current=null),U(null)},[]),z=[{title:e("Title"),dataIndex:"title"},{title:e("Status"),dataIndex:"status",render:function(e){return e?a().createElement(l.Tag,{color:f[e]||"default"},String(e).toUpperCase()):null}},{title:e("Build Phase"),dataIndex:"buildPhase"},{title:e("Chapters"),dataIndex:"pageCount"},{title:e("Actions"),key:"actions",render:function(r,n){return a().createElement(l.Space,{split:"|"},a().createElement(l.Button,{type:"link",icon:a().createElement(u.PlayCircleOutlined,null),loading:N===n.id,disabled:"building"===n.status,onClick:function(){return d(function(){var r,a,l,u,i,c,s;return p(this,function(m){switch(m.label){case 0:U(n.id),m.label=1;case 1:return m.trys.push([1,3,,4]),[4,t.resource("aiBuildGuideSpaces").build({filterByTk:n.id})];case 2:return m.sent(),o.success(e("Build started")),r=Date.now(),a=!1,l=function(){return d(function(){var u,i,c,s,d;return p(this,function(m){switch(m.label){case 0:return m.trys.push([0,4,,6]),[4,t.resource("aiBuildGuideSpaces").get({filterByTk:n.id})];case 1:if("building"===(s=null==(c=m.sent())||null==(i=c.data)||null==(u=i.data)?void 0:u.status))return[3,3];return $(),[4,H()];case 2:return m.sent(),"completed"===s?o.success(e("Build completed")):"error"===s&&o.error(e("Build failed")),[2];case 3:return(d=Date.now()-r)>=3e5&&!a&&(a=!0,o.info(e("Build is still running"))),R.current=setTimeout(l,d>=3e5?1e4:3e3),[3,6];case 4:return m.sent(),$(),[4,H()];case 5:return m.sent(),[3,6];case 6:return[2]}})})()},R.current=setTimeout(l,3e3),[3,4];case 3:return u=m.sent(),o.error((null==u||null==(s=u.response)||null==(c=s.data)||null==(i=c.error)?void 0:i.message)||e("Build failed")),U(null),[3,4];case 4:return[2]}})})()}},e("Build")),a().createElement("a",{onClick:function(){return Y(n)}},e("Edit")),a().createElement("a",{onClick:function(){return s.confirm({title:e("Delete"),content:e("Are you sure you want to delete this space?"),onOk:function(){return d(function(){return p(this,function(r){switch(r.label){case 0:return[4,t.resource("aiBuildGuideSpaces").destroy({filterByTk:n.id})];case 1:return r.sent(),o.success(e("Deleted")),[4,H()];case 2:return r.sent(),[2]}})})()}})}},e("Delete")))}}];return a().createElement("div",null,a().createElement(l.Space,{style:{marginBottom:16}},a().createElement(l.Button,{type:"primary",icon:a().createElement(u.PlusOutlined,null),onClick:function(){A(null),v.resetFields(),v.setFieldsValue({outputFormat:"html",targetChapterCount:5,systemPrompt:"You are an expert technical writer. Generate a comprehensive user guide based on the provided documents."}),K(),I(!0)}},e("Create space")),a().createElement(l.Button,{onClick:H},e("Refresh"))),a().createElement(l.Table,{rowKey:"id",loading:w,dataSource:g,columns:z}),a().createElement(l.Drawer,{title:x?e("Edit space"):e("Create space"),open:B,onClose:function(){return I(!1)},width:640,footer:a().createElement(l.Space,{style:{float:"right"}},a().createElement(l.Button,{onClick:function(){return I(!1)}},e("Cancel")),a().createElement(l.Button,{type:"primary",loading:G,onClick:function(){return d(function(){var r,n,a,l,u;return p(this,function(i){switch(i.label){case 0:return[4,v.validateFields()];case 1:(r=i.sent()).targetChapterCount=b(r.targetChapterCount),M(!0),i.label=2;case 2:if(i.trys.push([2,8,9,10]),!x)return[3,4];return[4,t.resource("aiBuildGuideSpaces").update({filterByTk:x,values:r})];case 3:return i.sent(),[3,6];case 4:return[4,t.resource("aiBuildGuideSpaces").create({values:r})];case 5:i.sent(),i.label=6;case 6:return o.success(e("Saved successfully")),I(!1),[4,H()];case 7:return i.sent(),[3,10];case 8:if(null==(n=i.sent())?void 0:n.errorFields)return[2];return o.error((null==n||null==(u=n.response)||null==(l=u.data)||null==(a=l.error)?void 0:a.message)||e("Save failed")),[3,10];case 9:return M(!1),[7];case 10:return[2]}})})()}},e("Submit")))},a().createElement(l.Form,{form:v,layout:"vertical",onValuesChange:function(e){"llmService"in e&&v.setFieldValue("model",void 0)}},a().createElement(l.Form.Item,{name:"title",label:e("Title"),rules:[{required:!0}]},a().createElement(l.Input,null)),a().createElement(l.Form.Item,{name:"llmService",label:e("LLM Service"),rules:[{required:!0}]},a().createElement(l.Select,{options:O,onFocus:K,showSearch:!0,optionFilterProp:"label"})),a().createElement(l.Form.Item,{name:"model",label:e("Model"),rules:[{required:!0}]},a().createElement(l.Select,{options:q,disabled:!y,showSearch:!0,optionFilterProp:"label"})),a().createElement(l.Form.Item,{name:"outputFormat",label:e("Output format"),rules:[{required:!0}]},a().createElement(l.Select,{options:h})),a().createElement(l.Form.Item,{name:"targetChapterCount",label:e("Target chapters"),rules:[{required:!0}]},a().createElement(l.InputNumber,{min:1,max:12,precision:0,style:{width:"100%"}})),a().createElement(l.Form.Item,{name:"chapterGuidance",label:e("Chapter guidance")},a().createElement(l.Input.TextArea,{rows:3,placeholder:e("Describe how the guide should be split into chapters")})),a().createElement(l.Form.Item,{name:"systemPrompt",label:e("System Prompt")},a().createElement(l.Input.TextArea,{rows:4})))))}}}]);

package/dist/client-v2/index.js

@@ -7,4 +7,4 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react-i18next"),require("@nocobase/client-v2"),require("@formily/core"),require("react"),require("antd"),require("@nocobase/client"),require("@formily/react"),require("@ant-design/icons")):"function"==typeof define&&define.amd?define("plugin-build-guide-block/client-v2",["react-i18next","@nocobase/client-v2","@formily/core","react","antd","@nocobase/client","@formily/react","@ant-design/icons"],t):"object"==typeof exports?exports["plugin-build-guide-block/client-v2"]=t(require("react-i18next"),require("@nocobase/client-v2"),require("@formily/core"),require("react"),require("antd"),require("@nocobase/client"),require("@formily/react"),require("@ant-design/icons")):e["plugin-build-guide-block/client-v2"]=t(e["react-i18next"],e["@nocobase/client-v2"],e["@formily/core"],e.react,e.antd,e["@nocobase/client"],e["@formily/react"],e["@ant-design/icons"])}(self,function(e,t,n,r,o,i,u,c){return function(){"use strict";var a,l,f,p={375:function(e){e.exports=c},452:function(e){e.exports=n},230:function(e){e.exports=u},342:function(e){e.exports=i},485:function(e){e.exports=t},59:function(e){e.exports=o},155:function(e){e.exports=r},953:function(t){t.exports=e}},s={};function d(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={exports:{}};return p[e](n,n.exports,d),n.exports}d.m=p,d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.f={},d.e=function(e){return Promise.all(Object.keys(d.f).reduce(function(t,n){return d.f[n](e,t),t},[]))},d.u=function(e){return""+e+".6b8b2eda7d969c69.js"},d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},b={},d.l=function(e,t,n,r){if(b[e])return void b[e].push(t);if(void 0!==n)for(var o,i,u=document.getElementsByTagName("script"),c=0;c<u.length;c++){var a=u[c];if(a.getAttribute("src")==e||a.getAttribute("data-rspack")=="plugin-build-guide-block/client-v2:"+n){o=a;break}}o||(i=!0,(o=document.createElement("script")).timeout=120,d.nc&&o.setAttribute("nonce",d.nc),o.setAttribute("data-rspack","plugin-build-guide-block/client-v2:"+n),o.src=e),b[e]=[t];var l=function(t,n){o.onerror=o.onload=null,clearTimeout(f);var r=b[e];if(delete b[e],o.parentNode&&o.parentNode.removeChild(o),r&&r.forEach(function(e){return e(n)}),t)return t(n)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),i&&document.head.appendChild(o)},d.r=function(e){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.g.importScripts&&(v=d.g.location+"");var b,v,y=d.g.document;if(!v&&y&&(y.currentScript&&"SCRIPT"===y.currentScript.tagName.toUpperCase()&&(v=y.currentScript.src),!v)){var g=y.getElementsByTagName("script");if(g.length)for(var h=g.length-1;h>-1&&(!v||!/^http(s?):/.test(v));)v=g[h--].src}if(!v)throw Error("Automatic publicPath is not supported in this browser");d.p=v.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a={889:0},d.f.j=function(e,t){var n=d.o(a,e)?a[e]:void 0;if(0!==n)if(n)t.push(n[2]);else{var r=new Promise(function(t,r){n=a[e]=[t,r]});t.push(n[2]=r);var o=d.p+d.u(e),i=Error();d.l(o,function(t){if(d.o(a,e)&&(0!==(n=a[e])&&(a[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;i.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",i.name="ChunkLoadError",i.type=r,i.request=o,n[1](i)}},"chunk-"+e,e)}},l=function(e,t){var n,r,o=t[0],i=t[1],u=t[2],c=0;if(o.some(function(e){return 0!==a[e]})){for(n in i)d.o(i,n)&&(d.m[n]=i[n]);u&&u(d)}for(e&&e(t);c<o.length;c++)r=o[c],d.o(a,r)&&a[r]&&a[r][0](),a[r]=0},(f=self.webpackChunkplugin_build_guide_block_client_v2=self.webpackChunkplugin_build_guide_block_client_v2||[]).forEach(l.bind(null,0)),f.push=l.bind(null,f.push.bind(f));var m={};return!function(){var e="",t="u">typeof document?document.currentScript:null;if(t&&t.src&&(e=t.src.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/")),!e){var n=window.__webpack_public_path__||"";n&&("/"!==n.charAt(n.length-1)&&(n+="/"),e=n+"static/plugins/plugin-build-guide-block/dist/client-v2/")}if(!e){var r=window.__nocobase_modern_client_prefix__||"v",o="/"+(r=String(r).replace(/^\/+|\/+$/g,"")||"v")+"/";if(!(e=window.__nocobase_public_path__||"")&&window.location&&window.location.pathname){var i=window.location.pathname||"/",u=i.indexOf(o);e=u>=0?i.slice(0,u+1):"/"}e&&(e=e.replace(RegExp("/"+r+"/?$"),"/")),e||(e="/"),"/"!==e.charAt(e.length-1)&&(e+="/"),e+="static/plugins/plugin-build-guide-block/dist/client-v2/"}d.p=e}(),!function(){d.r(m),d.d(m,{default:function(){return c}});var e=d(485);function t(e,t,n,r,o,i,u){try{var c=e[i](u),a=c.value}catch(e){n(e);return}c.done?t(a):Promise.resolve(a).then(r,o)}function n(e,t,r){return(n=u()?Reflect.construct:function(e,t,n){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return n&&o(i,n.prototype),i}).apply(null,arguments)}d(155);function r(e){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e){var t="function"==typeof Map?new Map:void 0;return(i=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,i)}function i(){return n(e,arguments,r(this).constructor)}return i.prototype=Object.create(e.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,e)})(e)}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(u=function(){return!!e})()}var c=function(e){var n;if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function");function i(){var e,t;if(!(this instanceof i))throw TypeError("Cannot call a class as a function");return e=i,t=arguments,e=r(e),function(e,t){var n;if(t&&("object"==((n=t)&&"u">typeof Symbol&&n.constructor===Symbol?"symbol":typeof n)||"function"==typeof t))return t;if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this,u()?Reflect.construct(e,t||[],r(this).constructor):e.apply(this,t))}return i.prototype=Object.create(e&&e.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),e&&o(i,e),n=[{key:"load",value:function(){var e;return(e=function(){return function(e,t){var n,r,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},u=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),c=Object.defineProperty;return c(u,"next",{value:a(0)}),c(u,"throw",{value:a(1)}),c(u,"return",{value:a(2)}),"function"==typeof Symbol&&c(u,Symbol.iterator,{value:function(){return this}}),u;function a(c){return function(a){var l=[c,a];if(n)throw TypeError("Generator is already executing.");for(;u&&(u=0,l[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===l[0]||2===l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}}(this,function(e){return this.pluginSettingsManager.addMenuItem({key:"ai-build-guide",title:this.t("Build Guide Block"),icon:"ReadOutlined",aclSnippet:"pm.ai-build-guide"}),this.pluginSettingsManager.addPageTabItem({menuKey:"ai-build-guide",key:"index",title:this.t("Build Guide Block"),componentLoader:function(){return d.e("73").then(d.bind(d,208)).then(function(e){return{default:e.UserGuideManager}})}}),[2]})},function(){var n=this,r=arguments;return new Promise(function(o,i){var u=e.apply(n,r);function c(e){t(u,o,i,c,a,"next",e)}function a(e){t(u,o,i,c,a,"throw",e)}c(void 0)})}).call(this)}}],function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(i.prototype,n),i}(i(e.Plugin))}(),m}()});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react-i18next"),require("@nocobase/client-v2"),require("react"),require("antd"),require("@ant-design/icons")):"function"==typeof define&&define.amd?define("plugin-build-guide-block/client-v2",["react-i18next","@nocobase/client-v2","react","antd","@ant-design/icons"],t):"object"==typeof exports?exports["plugin-build-guide-block/client-v2"]=t(require("react-i18next"),require("@nocobase/client-v2"),require("react"),require("antd"),require("@ant-design/icons")):e["plugin-build-guide-block/client-v2"]=t(e["react-i18next"],e["@nocobase/client-v2"],e.react,e.antd,e["@ant-design/icons"])}(self,function(e,t,n,r,o){return function(){"use strict";var i,u,c,a={375:function(e){e.exports=o},485:function(e){e.exports=t},59:function(e){e.exports=r},155:function(e){e.exports=n},953:function(t){t.exports=e}},l={};function f(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return a[e](n,n.exports,f),n.exports}f.m=a,f.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(t,{a:t}),t},f.d=function(e,t){for(var n in t)f.o(t,n)&&!f.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},f.f={},f.e=function(e){return Promise.all(Object.keys(f.f).reduce(function(t,n){return f.f[n](e,t),t},[]))},f.u=function(e){return""+e+".bea427a4cf8864b4.js"},f.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p={},f.l=function(e,t,n,r){if(p[e])return void p[e].push(t);if(void 0!==n)for(var o,i,u=document.getElementsByTagName("script"),c=0;c<u.length;c++){var a=u[c];if(a.getAttribute("src")==e||a.getAttribute("data-rspack")=="plugin-build-guide-block/client-v2:"+n){o=a;break}}o||(i=!0,(o=document.createElement("script")).timeout=120,f.nc&&o.setAttribute("nonce",f.nc),o.setAttribute("data-rspack","plugin-build-guide-block/client-v2:"+n),o.src=e),p[e]=[t];var l=function(t,n){o.onerror=o.onload=null,clearTimeout(s);var r=p[e];if(delete p[e],o.parentNode&&o.parentNode.removeChild(o),r&&r.forEach(function(e){return e(n)}),t)return t(n)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),i&&document.head.appendChild(o)},f.r=function(e){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.g.importScripts&&(s=f.g.location+"");var p,s,d=f.g.document;if(!s&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(s=d.currentScript.src),!s)){var b=d.getElementsByTagName("script");if(b.length)for(var v=b.length-1;v>-1&&(!s||!/^http(s?):/.test(s));)s=b[v--].src}if(!s)throw Error("Automatic publicPath is not supported in this browser");f.p=s.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i={889:0},f.f.j=function(e,t){var n=f.o(i,e)?i[e]:void 0;if(0!==n)if(n)t.push(n[2]);else{var r=new Promise(function(t,r){n=i[e]=[t,r]});t.push(n[2]=r);var o=f.p+f.u(e),u=Error();f.l(o,function(t){if(f.o(i,e)&&(0!==(n=i[e])&&(i[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",u.name="ChunkLoadError",u.type=r,u.request=o,n[1](u)}},"chunk-"+e,e)}},u=function(e,t){var n,r,o=t[0],u=t[1],c=t[2],a=0;if(o.some(function(e){return 0!==i[e]})){for(n in u)f.o(u,n)&&(f.m[n]=u[n]);c&&c(f)}for(e&&e(t);a<o.length;a++)r=o[a],f.o(i,r)&&i[r]&&i[r][0](),i[r]=0},(c=self.webpackChunkplugin_build_guide_block_client_v2=self.webpackChunkplugin_build_guide_block_client_v2||[]).forEach(u.bind(null,0)),c.push=u.bind(null,c.push.bind(c));var g={};return!function(){var e="",t="u">typeof document?document.currentScript:null;if(t&&t.src&&(e=t.src.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/")),!e){var n=window.__webpack_public_path__||"";n&&("/"!==n.charAt(n.length-1)&&(n+="/"),e=n+"static/plugins/plugin-build-guide-block/dist/client-v2/")}if(!e){var r=window.__nocobase_modern_client_prefix__||"v",o="/"+(r=String(r).replace(/^\/+|\/+$/g,"")||"v")+"/";if(!(e=window.__nocobase_public_path__||"")&&window.location&&window.location.pathname){var i=window.location.pathname||"/",u=i.indexOf(o);e=u>=0?i.slice(0,u+1):"/"}e&&(e=e.replace(RegExp("/"+r+"/?$"),"/")),e||(e="/"),"/"!==e.charAt(e.length-1)&&(e+="/"),e+="static/plugins/plugin-build-guide-block/dist/client-v2/"}f.p=e}(),!function(){f.r(g),f.d(g,{default:function(){return c}});var e=f(485);function t(e,t,n,r,o,i,u){try{var c=e[i](u),a=c.value}catch(e){n(e);return}c.done?t(a):Promise.resolve(a).then(r,o)}function n(e,t,r){return(n=u()?Reflect.construct:function(e,t,n){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return n&&o(i,n.prototype),i}).apply(null,arguments)}f(155);function r(e){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e){var t="function"==typeof Map?new Map:void 0;return(i=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,i)}function i(){return n(e,arguments,r(this).constructor)}return i.prototype=Object.create(e.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,e)})(e)}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(u=function(){return!!e})()}var c=function(e){var n;if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function");function i(){var e,t;if(!(this instanceof i))throw TypeError("Cannot call a class as a function");return e=i,t=arguments,e=r(e),function(e,t){var n;if(t&&("object"==((n=t)&&"u">typeof Symbol&&n.constructor===Symbol?"symbol":typeof n)||"function"==typeof t))return t;if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this,u()?Reflect.construct(e,t||[],r(this).constructor):e.apply(this,t))}return i.prototype=Object.create(e&&e.prototype,{constructor:{value:i,writable:!0,configurable:!0}}),e&&o(i,e),n=[{key:"load",value:function(){var e;return(e=function(){return function(e,t){var n,r,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},u=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),c=Object.defineProperty;return c(u,"next",{value:a(0)}),c(u,"throw",{value:a(1)}),c(u,"return",{value:a(2)}),"function"==typeof Symbol&&c(u,Symbol.iterator,{value:function(){return this}}),u;function a(c){return function(a){var l=[c,a];if(n)throw TypeError("Generator is already executing.");for(;u&&(u=0,l[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===l[0]||2===l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}}(this,function(e){return this.pluginSettingsManager.addMenuItem({key:"ai-build-guide",title:this.t("Build Guide Block"),icon:"ReadOutlined",aclSnippet:"pm.ai-build-guide"}),this.pluginSettingsManager.addPageTabItem({menuKey:"ai-build-guide",key:"index",title:this.t("Build Guide Block"),componentLoader:function(){return f.e("376").then(f.bind(f,571)).then(function(e){return{default:e.UserGuideManager}})}}),[2]})},function(){var n=this,r=arguments;return new Promise(function(o,i){var u=e.apply(n,r);function c(e){t(u,o,i,c,a,"next",e)}function a(e){t(u,o,i,c,a,"throw",e)}c(void 0)})}).call(this)}}],function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(i.prototype,n),i}(i(e.Plugin))}(),g}()});

package/dist/externalVersion.js

@@ -14,9 +14,9 @@ module.exports = {
   "antd": "5.24.2",
   "react-i18next": "11.18.6",
   "@ant-design/icons": "5.6.1",
-  "@formily/core": "2.3.7",
   "@nocobase/client-v2": "2.1.6",
   "@nocobase/server": "2.1.6",
+  "@formily/core": "2.3.7",
   "@nocobase/flow-engine": "2.1.6",
   "@nocobase/actions": "2.1.6",
   "@nocobase/database": "2.1.6",

package/package.json

@@ -5,7 +5,7 @@
   "displayName.zh-CN": "构建指南区块",
   "description": "Generate user guides, tutorials and help books from documents using AI, then render the result as a block (HTML or Markdown).",
   "description.vi-VN": "Tạo hướng dẫn người dùng, tutorial và help book từ tài liệu bằng AI, hiển thị kết quả dưới dạng block (HTML hoặc Markdown).",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "license": "Apache-2.0",
   "keywords": [
     "ai",

package/src/client/UserGuideManager.tsx

@@ -1,27 +1,47 @@
-import React, { useMemo } from 'react';
-import {
-  SchemaComponent,
-  useActionContext,
-  useCollectionRecordData,
-  useDataBlockRequest,
-  useDataBlockResource,
-  useDestroyActionProps,
-  useTableBlockProps,
-} from '@nocobase/client';
-import { createForm } from '@formily/core';
-import { useForm } from '@formily/react';
-import { App } from 'antd';
-import { useTranslation } from 'react-i18next';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { App, Button, Drawer, Form, Input, InputNumber, Select, Space, Table, Tag } from 'antd';
+import { PlayCircleOutlined, PlusOutlined } from '@ant-design/icons';
+import { useApp } from '@nocobase/client-v2';
+import { useTranslation } from 'react-i18next';
 import {
   DEFAULT_TARGET_CHAPTER_COUNT,
   MAX_TARGET_CHAPTER_COUNT,
   MIN_TARGET_CHAPTER_COUNT,
-  spacesSchema,
 } from './schemas/spacesSchema';
-import { LLMServiceSelect } from './components/LLMServiceSelect';
-import { ModelSelect } from './components/ModelSelect';
-import { StatusTag } from './components/StatusTag';
-import { BuildButton } from './components/BuildButton';
+
+const POLL_INTERVAL_MS = 3000;
+const STILL_RUNNING_AFTER_MS = 5 * 60 * 1000;
+const SLOW_POLL_INTERVAL_MS = 10000;
+
+const STATUS_COLORS: Record<string, string> = {
+  draft: 'default',
+  building: 'blue',
+  completed: 'success',
+  error: 'error',
+};
+
+const OUTPUT_FORMAT_OPTIONS = [
+  { label: 'HTML', value: 'html' },
+  { label: 'Markdown', value: 'markdown' },
+];
+
+interface SpaceRecord {
+  id: number;
+  title?: string;
+  status?: string;
+  buildPhase?: string;
+  pageCount?: number;
+  buildLog?: string;
+  llmService?: string;
+  model?: string;
+  outputFormat?: string;
+  targetChapterCount?: number;
+  chapterGuidance?: string;
+  systemPrompt?: string;
+  generatedHtml?: string;
+  generatedMarkdown?: string;
+  documents?: any[];
+}
 
 const normalizeTargetChapterCount = (value: unknown) => {
   const count = Number(value);
@@ -31,127 +51,276 @@ const normalizeTargetChapterCount = (value: unknown) => {
 
 export const UserGuideManager = () => {
   const { t } = useTranslation();
+  const api = useApp().apiClient;
+  const { message, modal } = App.useApp();
+  const [form] = Form.useForm();
+  const selectedService = Form.useWatch('llmService', form);
+
+  const [data, setData] = useState<SpaceRecord[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const [editingId, setEditingId] = useState<number | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [serviceOptions, setServiceOptions] = useState<{ label: string; value: string }[]>([]);
+  const [modelOptions, setModelOptions] = useState<{ label: string; value: string }[]>([]);
+  const [buildingId, setBuildingId] = useState<number | null>(null);
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const loadList = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await api.resource('aiBuildGuideSpaces').list({
+        appends: ['documents'],
+        sort: ['-createdAt'],
+        paginate: false,
+      });
+      setData(res?.data?.data || []);
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+
+  useEffect(() => {
+    loadList();
+  }, [loadList]);
+
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+
+  const loadServices = useCallback(async () => {
+    try {
+      const res = await api.resource('ai').listLLMServices();
+      const list = res?.data?.data || [];
+      setServiceOptions(list.map((s: any) => ({ label: s.title || s.name, value: s.name })));
+    } catch {
+      setServiceOptions([]);
+    }
+  }, [api]);
+
+  const loadModels = useCallback(
+    async (service?: string) => {
+      if (!service) {
+        setModelOptions([]);
+        return;
+      }
+      try {
+        const res = await api.resource('ai').listModels({ llmService: service });
+        const list = res?.data?.data || [];
+        setModelOptions(list.map((m: any) => ({ label: m.id || m.name, value: m.id || m.name })));
+      } catch {
+        setModelOptions([]);
+      }
+    },
+    [api],
+  );
 
-  const useCreateFormProps = () => {
-    const form = useMemo(
-      () =>
-        createForm({
-          initialValues: {
-            targetChapterCount: DEFAULT_TARGET_CHAPTER_COUNT,
-          },
-        }),
-      [],
-    );
-    return { form };
+  useEffect(() => {
+    loadModels(selectedService);
+  }, [selectedService, loadModels]);
+
+  const openCreate = () => {
+    setEditingId(null);
+    form.resetFields();
+    form.setFieldsValue({
+      outputFormat: 'html',
+      targetChapterCount: DEFAULT_TARGET_CHAPTER_COUNT,
+      systemPrompt:
+        'You are an expert technical writer. Generate a comprehensive user guide based on the provided documents.',
+    });
+    loadServices();
+    setDrawerOpen(true);
+  };
+
+  const openEdit = (record: SpaceRecord) => {
+    setEditingId(record.id);
+    form.resetFields();
+    form.setFieldsValue({
+      title: record.title,
+      llmService: record.llmService,
+      model: record.model,
+      outputFormat: record.outputFormat || 'html',
+      targetChapterCount: normalizeTargetChapterCount(record.targetChapterCount),
+      chapterGuidance: record.chapterGuidance,
+      systemPrompt: record.systemPrompt,
+    });
+    loadServices();
+    loadModels(record.llmService);
+    setDrawerOpen(true);
   };
 
-  const useEditFormProps = () => {
-    const record = useCollectionRecordData();
-    const form = useMemo(
-      () =>
-        createForm({
-          initialValues: {
-            ...record,
-            targetChapterCount: normalizeTargetChapterCount(record?.targetChapterCount),
-          },
-        }),
-      [record],
-    );
-    return { form };
+  const handleSubmit = async () => {
+    const values = await form.validateFields();
+    values.targetChapterCount = normalizeTargetChapterCount(values.targetChapterCount);
+    setSubmitting(true);
+    try {
+      if (editingId) {
+        await api.resource('aiBuildGuideSpaces').update({ filterByTk: editingId, values });
+      } else {
+        await api.resource('aiBuildGuideSpaces').create({ values });
+      }
+      message.success(t('Saved successfully'));
+      setDrawerOpen(false);
+      await loadList();
+    } catch (err: any) {
+      if (err?.errorFields) return;
+      message.error(err?.response?.data?.error?.message || t('Save failed'));
+    } finally {
+      setSubmitting(false);
+    }
   };
-
-  const useCancelActionProps = () => {
-    const { setVisible } = useActionContext();
-    return {
-      type: 'default',
-      onClick() {
-        setVisible(false);
-      },
-    };
-  };
-
-  const normalizeValues = (values: any) => {
-    const { documents, ...rest } = values;
-    rest.targetChapterCount = normalizeTargetChapterCount(rest.targetChapterCount);
-    if (Array.isArray(documents)) {
-      rest.documents = documents.map((doc: any) => (typeof doc === 'object' && doc?.id ? { id: doc.id } : doc));
+
+  const handleDelete = async (record: SpaceRecord) => {
+    await api.resource('aiBuildGuideSpaces').destroy({ filterByTk: record.id });
+    message.success(t('Deleted'));
+    await loadList();
+  };
+
+  const stopPolling = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
     }
-    return rest;
-  };
-
-  const useCreateActionProps = () => {
-    const { setVisible } = useActionContext();
-    const { message } = App.useApp();
-    const resource = useDataBlockResource();
-    const { refresh } = useDataBlockRequest();
-    const form = useForm();
-
-    return {
-      type: 'primary',
-      async onClick() {
-        try {
-          await form.submit();
-          await resource.create({ values: normalizeValues(form.values) });
-          refresh();
-          message.success(t('Saved successfully'));
-          setVisible(false);
-        } catch (err: any) {
-          if (err?.name !== 'ValidateError') {
-            message.error(err?.message || t('Save failed'));
-          }
-        }
-      },
-    };
-  };
-
-  const useUpdateActionProps = () => {
-    const { setVisible } = useActionContext();
-    const { message } = App.useApp();
-    const resource = useDataBlockResource();
-    const { refresh } = useDataBlockRequest();
-    const record = useCollectionRecordData();
-    const form = useForm();
-
-    return {
-      type: 'primary',
-      async onClick() {
-        try {
-          await form.submit();
-          await resource.update({
-            filterByTk: record.id,
-            values: normalizeValues(form.values),
-          });
-          refresh();
-          message.success(t('Saved successfully'));
-          setVisible(false);
-        } catch (err: any) {
-          if (err?.name !== 'ValidateError') {
-            message.error(err?.message || t('Save failed'));
-          }
-        }
-      },
-    };
-  };
-
-  return (
-    <SchemaComponent
-      schema={spacesSchema}
-      components={{
-        LLMServiceSelect,
-        ModelSelect,
-        StatusTag,
-        BuildButton,
-      }}
-      scope={{
-        t,
-        useCreateFormProps,
-        useEditFormProps,
-        useCancelActionProps,
-        useCreateActionProps,
-        useUpdateActionProps,
-        useDestroyActionProps,
-        useTableBlockProps,
-      }}
-    />
-  );
-};
+    setBuildingId(null);
+  }, []);
+
+  const handleBuild = async (record: SpaceRecord) => {
+    setBuildingId(record.id);
+    try {
+      await api.resource('aiBuildGuideSpaces').build({ filterByTk: record.id });
+      message.success(t('Build started'));
+      const startedAt = Date.now();
+      let stillRunningNotified = false;
+      const poll = async () => {
+        try {
+          const res = await api.resource('aiBuildGuideSpaces').get({ filterByTk: record.id });
+          const status = res?.data?.data?.status;
+          if (status !== 'building') {
+            stopPolling();
+            await loadList();
+            if (status === 'completed') message.success(t('Build completed'));
+            else if (status === 'error') message.error(t('Build failed'));
+            return;
+          }
+          const elapsed = Date.now() - startedAt;
+          if (elapsed >= STILL_RUNNING_AFTER_MS && !stillRunningNotified) {
+            stillRunningNotified = true;
+            message.info(t('Build is still running'));
+          }
+          const next = elapsed >= STILL_RUNNING_AFTER_MS ? SLOW_POLL_INTERVAL_MS : POLL_INTERVAL_MS;
+          timerRef.current = setTimeout(poll, next);
+        } catch {
+          stopPolling();
+          await loadList();
+        }
+      };
+      timerRef.current = setTimeout(poll, POLL_INTERVAL_MS);
+    } catch (err: any) {
+      message.error(err?.response?.data?.error?.message || t('Build failed'));
+      setBuildingId(null);
+    }
+  };
+
+  const columns = [
+    { title: t('Title'), dataIndex: 'title' },
+    {
+      title: t('Status'),
+      dataIndex: 'status',
+      render: (v: string) => (v ? <Tag color={STATUS_COLORS[v] || 'default'}>{String(v).toUpperCase()}</Tag> : null),
+    },
+    { title: t('Build Phase'), dataIndex: 'buildPhase' },
+    { title: t('Chapters'), dataIndex: 'pageCount' },
+    {
+      title: t('Actions'),
+      key: 'actions',
+      render: (_: unknown, record: SpaceRecord) => (
+        <Space split="|">
+          <Button
+            type="link"
+            icon={<PlayCircleOutlined />}
+            loading={buildingId === record.id}
+            disabled={record.status === 'building'}
+            onClick={() => handleBuild(record)}
+          >
+            {t('Build')}
+          </Button>
+          <a onClick={() => openEdit(record)}>{t('Edit')}</a>
+          <a
+            onClick={() =>
+              modal.confirm({
+                title: t('Delete'),
+                content: t('Are you sure you want to delete this space?'),
+                onOk: () => handleDelete(record),
+              })
+            }
+          >
+            {t('Delete')}
+          </a>
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div>
+      <Space style={{ marginBottom: 16 }}>
+        <Button type="primary" icon={<PlusOutlined />} onClick={openCreate}>
+          {t('Create space')}
+        </Button>
+        <Button onClick={loadList}>{t('Refresh')}</Button>
+      </Space>
+      <Table rowKey="id" loading={loading} dataSource={data} columns={columns} />
+      <Drawer
+        title={editingId ? t('Edit space') : t('Create space')}
+        open={drawerOpen}
+        onClose={() => setDrawerOpen(false)}
+        width={640}
+        footer={
+          <Space style={{ float: 'right' }}>
+            <Button onClick={() => setDrawerOpen(false)}>{t('Cancel')}</Button>
+            <Button type="primary" loading={submitting} onClick={handleSubmit}>
+              {t('Submit')}
+            </Button>
+          </Space>
+        }
+      >
+        <Form
+          form={form}
+          layout="vertical"
+          onValuesChange={(changed) => {
+            if ('llmService' in changed) form.setFieldValue('model', undefined);
+          }}
+        >
+          <Form.Item name="title" label={t('Title')} rules={[{ required: true }]}>
+            <Input />
+          </Form.Item>
+          <Form.Item name="llmService" label={t('LLM Service')} rules={[{ required: true }]}>
+            <Select options={serviceOptions} onFocus={loadServices} showSearch optionFilterProp="label" />
+          </Form.Item>
+          <Form.Item name="model" label={t('Model')} rules={[{ required: true }]}>
+            <Select options={modelOptions} disabled={!selectedService} showSearch optionFilterProp="label" />
+          </Form.Item>
+          <Form.Item name="outputFormat" label={t('Output format')} rules={[{ required: true }]}>
+            <Select options={OUTPUT_FORMAT_OPTIONS} />
+          </Form.Item>
+          <Form.Item name="targetChapterCount" label={t('Target chapters')} rules={[{ required: true }]}>
+            <InputNumber
+              min={MIN_TARGET_CHAPTER_COUNT}
+              max={MAX_TARGET_CHAPTER_COUNT}
+              precision={0}
+              style={{ width: '100%' }}
+            />
+          </Form.Item>
+          <Form.Item name="chapterGuidance" label={t('Chapter guidance')}>
+            <Input.TextArea rows={3} placeholder={t('Describe how the guide should be split into chapters')} />
+          </Form.Item>
+          <Form.Item name="systemPrompt" label={t('System Prompt')}>
+            <Input.TextArea rows={4} />
+          </Form.Item>
+        </Form>
+      </Drawer>
+    </div>
+  );
+};