openclacky 0.9.30 → 0.9.32

data/lib/clacky/web/brand.js

@@ -17,6 +17,8 @@ const Brand = (() => {
   let _testMode     = false;
   // Whether the current license is bound to a user (creator mode).
   let _userLicensed = false;
+  // Whether this installation has an activated brand license (any kind).
+  let _branded      = false;
 
   // Check brand status. Returns true if activation is needed
   // (caller should defer normal UI boot until activation is done or skipped).
@@ -27,6 +29,7 @@ const Brand = (() => {
 
       _testMode     = !!data.test_mode;
       _userLicensed = !!data.user_licensed;
+      _branded      = !!data.branded;
 
       if (!data.branded) return false;
 
@@ -242,6 +245,13 @@ const Brand = (() => {
         // Also update browser tab color on mobile
         const metaTheme = document.querySelector("meta[name='theme-color']");
         if (metaTheme) metaTheme.setAttribute("content", info.theme_color);
+      } else {
+        // No brand theme — remove any previously applied overrides to restore defaults
+        const root = document.documentElement;
+        root.style.removeProperty("--color-accent-primary");
+        root.style.removeProperty("--color-accent-hover");
+        root.style.removeProperty("--color-button-primary");
+        root.style.removeProperty("--color-button-primary-hover");
       }
 
       // header-brand already has onclick="Router.navigate('chat')" in HTML, no extra link needed
@@ -268,6 +278,13 @@ const Brand = (() => {
           };
           img.src = info.logo_url;
         }
+      } else {
+        // No logo configured — hide logo image and remove has-logo class
+        if (logoImg) {
+          logoImg.style.display = "none";
+          logoImg.src           = "";
+        }
+        if (brandWrap) brandWrap.classList.remove("has-logo");
       }
 
       // Always show brand name text; hide it only when no brand name is set
@@ -277,8 +294,9 @@ const Brand = (() => {
           logoText.textContent    = name;
           logoText.style.display  = "";
         } else {
-          // No brand name at all — hide the text span
-          logoText.style.display = "none";
+          // No brand configured — show the default "OpenClacky" name
+          logoText.textContent   = "OpenClacky";
+          logoText.style.display = "";
         }
       }
     }).catch(() => {
@@ -348,5 +366,5 @@ const Brand = (() => {
     _brandInfoFetching = null;
   }
 
-  return { check, applyBrandName: _applyBrandName, applyHeaderLogo: _applyHeaderLogo, clearBrandCache: _clearBrandCache, goToLicenseInput: _goToLicenseInput, get userLicensed() { return _userLicensed; } };
+  return { check, applyBrandName: _applyBrandName, applyHeaderLogo: _applyHeaderLogo, clearBrandCache: _clearBrandCache, goToLicenseInput: _goToLicenseInput, get userLicensed() { return _userLicensed; }, get branded() { return _branded; } };
 })();

data/lib/clacky/web/creator.js

@@ -399,11 +399,14 @@ const Creator = (() => {
   // ── Public API ────────────────────────────────────────────────────────
 
   return {
-    /** Show/hide the creator section (both divider and item) based on Brand.userLicensed. */
+    /** Show/hide the creator section.
+     *  Hidden for brand consumer users (branded=true, userLicensed=false).
+     *  Visible for creators (userLicensed=true) and unbranded users. */
     updateSidebarVisibility() {
       const section = document.getElementById("creator-section");
       if (!section) return;
-      section.style.display = Brand.userLicensed ? "" : "none";
+      const isBrandConsumer = Brand.branded && !Brand.userLicensed;
+      section.style.display = isBrandConsumer ? "none" : "";
     },
 
     /** Called by Router when the creator panel becomes active. */
@@ -412,6 +415,14 @@ const Creator = (() => {
         _domWired = true;
         _wireNewSkillEntry();
       }
+      // Show promo banner and cloud lock for non-licensed users
+      const licensed = Brand.userLicensed;
+      const banner = document.getElementById("creator-promo-banner");
+      const lock   = document.getElementById("creator-cloud-lock");
+      const list   = document.getElementById("creator-cloud-list");
+      if (banner) banner.style.display = licensed ? "none" : "";
+      if (lock)   lock.style.display   = licensed ? "none" : "";
+      if (list)   list.style.display   = licensed ? ""     : "none";
       _load();
     },
   };

data/lib/clacky/web/i18n.js

@@ -41,6 +41,7 @@ const I18n = (() => {
       "chat.image_expired": "Expired",
       "chat.done":           "Done — {{n}} iteration(s), ${{cost}}",
       "chat.interrupted":    "Interrupted.",
+      "chat.feedback_hint":  "Or type your own answer below ↓",
       "chat.newMessageHint": "New messages ↓",
 
       // ── Session list ──
@@ -147,7 +148,10 @@ const I18n = (() => {
       "creator.shadow.label":   "Local override",
       "creator.shadow.tooltip": "Local copy shadows a same-named brand skill",
 
-      "creator.newSkill.label": "Create a new skill with AI",
+      "creator.newSkill.label": "Create a new skill with /skill-creator",
+      "creator.promo.text": "Publish your skills & build your own brand on OpenClacky.",
+      "creator.promo.link": "Learn more →",
+      "creator.cloud.locked": "Brand license required to publish cloud skills.",
 
       "skills.btn.new":             "New Skill",
       "skills.btn.create":          "Create",
@@ -157,6 +161,7 @@ const I18n = (() => {
       "skills.tab.my":              "My Skills",
       "skills.tab.brand":           "Brand Skills",
       "skills.empty":               "No skills loaded.",
+      "skills.empty.createBtn":     "Create a new skill with /skill-creator",
       "skills.noSkills":            "No skills",
       "skills.count":               "{{n}} skill(s)",
       "skills.loading":             "Loading…",
@@ -279,7 +284,11 @@ const I18n = (() => {
       "settings.brand.label.supportQr":    "Tech Support",
       "settings.brand.label.qrHint":       "Scan with your phone camera",
       "settings.brand.btn.change":         "Change License Key",
+      "settings.brand.btn.unbind":         "Unbind License",
       "settings.brand.confirmRebind":      "Warning: all previously installed brand skills will be deleted and cannot be used. Continue?",
+      "settings.brand.confirmUnbind":      "Are you sure you want to unbind this license? All brand skills will be deleted and this device will no longer have access to branded features.",
+      "settings.brand.unbindSuccess":      "License unbound successfully.",
+      "settings.brand.unbindFailed":       "Failed to unbind license. Please try again.",
       "settings.brand.badge.active":       "Active",
       "settings.brand.badge.warning":      "Expiring Soon",
       "settings.brand.badge.expired":      "Expired",
@@ -370,6 +379,7 @@ const I18n = (() => {
       "chat.image_expired": "已过期",
       "chat.done":           "完成 — {{n}} 步，${{cost}}",
       "chat.interrupted":    "已中断。",
+      "chat.feedback_hint":  "或在下方输入框自由作答 ↓",
       "chat.newMessageHint": "有新消息 ↓",
 
       // ── Session list ──
@@ -476,7 +486,10 @@ const I18n = (() => {
       "creator.shadow.label":   "本地优先",
       "creator.shadow.tooltip": "本地版本覆盖了同名的品牌加密技能",
 
-      "creator.newSkill.label": "用 AI 创建新技能",
+      "creator.newSkill.label": "用 /skill-creator 创建新技能",
+      "creator.promo.text": "发布你的 Skill，在 OpenClacky 上打造自己的品牌。",
+      "creator.promo.link": "了解更多 →",
+      "creator.cloud.locked": "需要品牌授权才能发布云端 Skill。",
 
       "skills.btn.new":             "新建技能",
       "skills.btn.create":          "创建",
@@ -486,6 +499,7 @@ const I18n = (() => {
       "skills.tab.my":              "我的技能",
       "skills.tab.brand":           "品牌技能",
       "skills.empty":               "暂无技能。",
+      "skills.empty.createBtn":     "用 /skill-creator 创建新技能",
       "skills.noSkills":            "无技能",
       "skills.count":               "{{n}} 个技能",
       "skills.loading":             "加载中…",
@@ -608,7 +622,11 @@ const I18n = (() => {
       "settings.brand.label.supportQr":    "技术支持",
       "settings.brand.label.qrHint":       "使用手机扫描二维码",
       "settings.brand.btn.change":         "更换授权码",
+      "settings.brand.btn.unbind":         "解绑授权",
       "settings.brand.confirmRebind":      "警告：所有已安装的历史品牌技能将被删除，无法继续使用。确认继续？",
+      "settings.brand.confirmUnbind":      "确定要解绑此授权吗？所有品牌技能将被删除，本设备将无法再访问品牌功能。",
+      "settings.brand.unbindSuccess":      "授权解绑成功。",
+      "settings.brand.unbindFailed":       "解绑授权失败，请重试。",
       "settings.brand.badge.active":       "已激活",
       "settings.brand.badge.warning":      "即将过期",
       "settings.brand.badge.expired":      "已过期",
@@ -770,24 +788,32 @@ const THINKING_VERBS = {
     "Reasoning"
   ],
   zh: [
+    "思考中",      // 5x weight (appears 5 times for higher probability)
     "思考中",
+    "思考中",
+    "思考中",
+    "思考中",
+    "琢磨中",      // 2x weight
     "琢磨中",
-    "推敲中",
-    "酝酿中",
-    "沉思中",
-    "冥想中",
+    "思忖中",
     "盘算中",
-    "权衡中",
-    "构思中",
-    "揣摩中",
-    "运算中",
+    "酝酿中",
+    "捋一捋",
+    "理理头绪",
+    "掂量掂量",
+    "寻思中",
+    "琢磨琢磨",
+    "想想办法",
+    "推演中",
+    "解析中",
+    "拆解中",
+    "组装中",
+    "梳理中",
+    "验证中",
+    "演算中",
     "分析中",
-    "综合中",
-    "理解中",
-    "头脑风暴中",
     "推理中",
-    "整理思绪中",
-    "组织语言中"
+    "构思中"
   ]
 };
 

data/lib/clacky/web/index.html

@@ -334,6 +334,15 @@
           <p class="skills-page-subtitle" data-i18n="creator.subtitle">Manage and publish your skills to the platform</p>
         </div>
 
+        <!-- Promo banner: shown only to non-licensed users -->
+        <div id="creator-promo-banner" style="display:none">
+          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+          </svg>
+          <span data-i18n="creator.promo.text">Publish your skills &amp; build your own brand on OpenClacky.</span>
+          <a href="https://www.openclacky.com" target="_blank" data-i18n="creator.promo.link">Learn more →</a>
+        </div>
+
         <!-- Section 1: Cloud skills (published) -->
         <div class="creator-section-block" id="creator-cloud-block">
           <div class="creator-section-header">
@@ -341,6 +350,13 @@
             <span class="creator-section-hint" data-i18n="creator.section.cloudHint">Published to the platform</span>
           </div>
           <div id="creator-cloud-list" class="creator-list"></div>
+          <!-- Lock overlay: shown only to non-licensed users -->
+          <div id="creator-cloud-lock" style="display:none">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+            </svg>
+            <span data-i18n="creator.cloud.locked">Brand license required to publish cloud skills.</span>
+          </div>
         </div>
 
         <!-- Section 2: Local skills (ready to publish) -->
@@ -361,7 +377,7 @@
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
               <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z"/><path d="M12 8v8"/><path d="M8 12h8"/>
             </svg>
-            <span data-i18n="creator.newSkill.label">Create a new skill with AI</span>
+            <span data-i18n="creator.newSkill.label">Create a new skill with /skill-creator</span>
             <svg class="creator-new-arrow" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
               <path d="M5 12h14"/><path d="M12 5l7 7-7 7"/>
             </svg>
@@ -397,22 +413,33 @@
           </div>
         </div>
 
-        <!-- Tab bar -->
+        <!-- Tab bar with controls -->
         <div id="skills-tabs">
-          <button class="skills-tab active" data-tab="my-skills" id="tab-my-skills" data-i18n="skills.tab.my">My Skills</button>
-          <button class="skills-tab" data-tab="brand-skills" id="tab-brand-skills" data-i18n="skills.tab.brand">Brand Skills</button>
-        </div>
-
-        <!-- Tab: My Skills -->
-        <div id="skills-tab-my" class="skills-tab-content">
-          <!-- Filter bar -->
-          <div class="skills-filter-bar">
+          <div class="skills-tabs-left">
+            <button class="skills-tab active" data-tab="my-skills" id="tab-my-skills" data-i18n="skills.tab.my">My Skills</button>
+            <button class="skills-tab" data-tab="brand-skills" id="tab-brand-skills" data-i18n="skills.tab.brand">Brand Skills</button>
+          </div>
+          <div class="skills-tabs-controls">
+            <!-- Show system skills toggle (only visible in My Skills tab) -->
             <label class="skills-filter-toggle" id="label-show-system">
               <input type="checkbox" id="chk-show-system-skills">
               <span class="skills-filter-toggle-track"></span>
               <span class="skills-filter-label" data-i18n="skills.filter.showSystem">Show system skills</span>
             </label>
+            <!-- Refresh brand skills button (only visible in Brand Skills tab) -->
+            <button id="btn-refresh-brand-skills" class="btn-brand-skills-refresh" title="Refresh from cloud" style="display:none">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+                <path d="M21 2v6h-6"/>
+                <path d="M3 12a9 9 0 0 1 15-6.7L21 8"/>
+                <path d="M3 22v-6h6"/>
+                <path d="M21 12a9 9 0 0 1-15 6.7L3 16"/>
+              </svg> <span data-i18n="skills.btn.refresh">Refresh</span>
+            </button>
           </div>
+        </div>
+
+        <!-- Tab: My Skills -->
+        <div id="skills-tab-my" class="skills-tab-content">
           <!-- Inline import bar (toggled by Import button) -->
           <div id="skill-import-bar" class="skill-import-bar" style="display:none">
             <div class="skill-import-bar-inner">
@@ -442,16 +469,6 @@
 
         <!-- Tab: Brand Skills (only visible when license is activated) -->
         <div id="skills-tab-brand" class="skills-tab-content" style="display:none">
-          <div id="brand-skills-header">
-            <button id="btn-refresh-brand-skills" class="btn-brand-skills-refresh" title="Refresh from cloud">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
-                <path d="M21 2v6h-6"/>
-                <path d="M3 12a9 9 0 0 1 15-6.7L21 8"/>
-                <path d="M3 22v-6h6"/>
-                <path d="M21 12a9 9 0 0 1-15 6.7L3 16"/>
-              </svg> <span data-i18n="skills.btn.refresh">Refresh</span>
-            </button>
-          </div>
           <div id="brand-skills-warning" class="brand-skills-warning" style="display:none"></div>
           <div id="brand-skills-list"></div>
         </div>
@@ -553,6 +570,7 @@
                 </div>
                 <div class="brand-status-actions">
                   <button id="btn-rebind-license" class="btn-settings-action" data-i18n="settings.brand.btn.change">Change License Key</button>
+                  <button id="btn-unbind-license" class="btn-settings-action btn-settings-action-danger" data-i18n="settings.brand.btn.unbind">Unbind License</button>
                 </div>
               </div>
               <!-- Support contact (shown when support_contact is available) -->