feat: generate rule dialog

core/protocol/ideWebview.ts

@@ -77,4 +77,5 @@ export type ToWebviewFromIdeProtocol = ToWebviewFromIdeOrCoreProtocol & {
   updateApplyState: [ApplyState, void];
   exitEditMode: [undefined, void];
   focusEdit: [undefined, void];
+  generateRule: [undefined, void];
 };

core/tools/definitions/createRuleBlock.ts

@@ -13,7 +13,7 @@ export const createRuleBlock: Tool = {
   function: {
     name: BuiltInToolNames.CreateRuleBlock,
     description:
-      'Creates a "rule" that can be referenced in future conversations. This should be used whenever you want to establish code standards / preferences that should be applied consistently, or when you want to avoid making a mistake again. To modify existing rules, use the edit tool instead.',
+      'Creates a "rule" that can be referenced in future conversations. This should be used whenever you want to establish code standards / preferences that should be applied consistently, or when you want to avoid making a mistake again. To modify existing rules, use the edit tool instead.\n\nRule Types:\n- Always: Include only "rule" (always included in model context)\n- Auto Attached: Include "rule", "globs", and/or "regex" (included when files match patterns)\n- Agent Requested: Include "rule" and "description" (AI decides when to apply based on description)\n- Manual: Include only "rule" (only included when explicitly mentioned using @ruleName)',
     parameters: {
       type: "object",
       required: ["name", "rule", "description"],
@@ -30,7 +30,8 @@ export const createRuleBlock: Tool = {
         },
         description: {
           type: "string",
-          description: "Short description of the rule",
+          description:
+            "Description of when this rule should be applied. Required for Agent Requested rules (AI decides when to apply). Optional for other types.",
         },
         globs: {
           type: "string",
@@ -42,6 +43,11 @@ export const createRuleBlock: Tool = {
           description:
             "Optional regex patterns to match against file content. Rule applies only to files whose content matches the pattern (e.g. 'useEffect' for React hooks or '\\bclass\\b' for class definitions)",
         },
+        alwaysApply: {
+          type: "boolean",
+          description:
+            "Whether this rule should always be applied. Set to false for Agent Requested and Manual rules. Omit or set to true for Always and Auto Attached rules.",
+        },
       },
     },
   },

core/tools/implementations/createRuleBlock.test.ts

@@ -36,6 +36,7 @@ test("createRuleBlockImpl should create a rule with glob pattern", async () => {
   const { frontmatter, markdown } = parseMarkdownRule(fileContent);
 
   expect(frontmatter).toEqual({
+    alwaysApply: true,
     description: "Always use interfaces",
     globs: "**/*.{ts,tsx}",
   });
@@ -72,6 +73,7 @@ test("createRuleBlockImpl should create a rule with description pattern", async
   const { frontmatter, markdown } = parseMarkdownRule(fileContent);
 
   expect(frontmatter).toEqual({
+    alwaysApply: true,
     description: "This is a detailed explanation of the rule",
   });
 
@@ -94,6 +96,7 @@ test("createRuleBlockImpl should include both globs and description in frontmatt
   const { frontmatter, markdown } = parseMarkdownRule(fileContent);
 
   expect(frontmatter).toEqual({
+    alwaysApply: false,
     description: "This rule enforces our team standards",
     globs: "**/*.js",
   });
@@ -116,6 +119,7 @@ test("createRuleBlockImpl should create a rule with alwaysApply set to false", a
   const { frontmatter } = parseMarkdownRule(fileContent);
 
   expect(frontmatter).toEqual({
+    alwaysApply: false,
     description: "Optional rule",
   });
 });

core/tools/implementations/createRuleBlock.ts

@@ -5,37 +5,26 @@ import { createRuleFilePath } from "../../config/markdown/utils";
 
 export type CreateRuleBlockArgs = Pick<
   Required<RuleWithSource>,
-  "rule" | "description" | "alwaysApply" | "name"
+  "rule" | "name"
 > &
-  Pick<RuleWithSource, "globs" | "regex">;
+  Pick<RuleWithSource, "globs" | "regex" | "description" | "alwaysApply">;
 
 export const createRuleBlockImpl: ToolImpl = async (
-  args: CreateRuleBlockArgs,
+  { name, rule, ...otherArgs }: CreateRuleBlockArgs,
   extras,
 ) => {
-  // Create options object with the fields that createRuleMarkdown expects
-  const options: any = {
-    description: args.description,
-    globs: args.globs,
-  };
-
-  // Add regex if provided
-  if (args.regex) {
-    options.regex = args.regex;
-  }
-
-  const fileContent = createRuleMarkdown(args.name, args.rule, options);
+  const fileContent = createRuleMarkdown(name, rule, otherArgs);
 
   const [localContinueDir] = await extras.ide.getWorkspaceDirs();
-  const ruleFilePath = createRuleFilePath(localContinueDir, args.name);
+  const ruleFilePath = createRuleFilePath(localContinueDir, name);
 
   await extras.ide.writeFile(ruleFilePath, fileContent);
   await extras.ide.openFile(ruleFilePath);
 
   return [
     {
       name: "New Rule Block",
-      description: args.description || "",
+      description: otherArgs.description || "",
       uri: {
         type: "file",
         value: ruleFilePath,

extensions/vscode/package.json

@@ -349,6 +349,12 @@
         "command": "continue.forceNextEdit",
         "category": "Continue",
         "title": "Continue: Force Next Edit"
+      },
+      {
+        "command": "continue.generateRule",
+        "category": "Continue",
+        "title": "Generate Rule",
+        "group": "Continue"
       }
     ],
     "keybindings": [
@@ -478,6 +484,9 @@
         },
         {
           "command": "continue.enterEnterpriseLicenseKey"
+        },
+        {
+          "command": "continue.generateRule"
         }
       ],
       "editor/context": [

extensions/vscode/src/commands.ts

@@ -344,6 +344,11 @@ const getCommandsMap: (
       editDecorationManager.clear();
       void sidebar.webviewProtocol?.request("exitEditMode", undefined);
     },
+    "continue.generateRule": async () => {
+      captureCommandTelemetry("generateRule");
+      focusGUI();
+      void sidebar.webviewProtocol?.request("generateRule", undefined);
+    },
     "continue.writeCommentsForCode": async () => {
       captureCommandTelemetry("writeCommentsForCode");
 

gui/src/components/FeedbackButtons.tsx

@@ -12,7 +12,7 @@ export interface FeedbackButtonsProps {
   item: ChatHistoryItem;
 }
 
-export default function FeedbackButtons({ item }: FeedbackButtonsProps) {
+export function FeedbackButtons({ item }: FeedbackButtonsProps) {
   const [feedback, setFeedback] = useState<boolean | undefined>(undefined);
   const ideMessenger = useContext(IdeMessengerContext);
   const sessionId = useAppSelector((store) => store.session.id);
@@ -41,7 +41,7 @@ export default function FeedbackButtons({ item }: FeedbackButtonsProps) {
         onClick={() => sendFeedback(true)}
       >
         <HandThumbUpIcon
-          className={`mx-0.5 h-3.5 w-3.5 ${feedback === true ? "text-green-400" : "text-gray-500"}`}
+          className={`mx-0.5 h-3.5 w-3.5 ${feedback === true ? "text-success" : "text-description-muted"}`}
         />
       </HeaderButtonWithToolTip>
       <HeaderButtonWithToolTip
@@ -50,7 +50,7 @@ export default function FeedbackButtons({ item }: FeedbackButtonsProps) {
         onClick={() => sendFeedback(false)}
       >
         <HandThumbDownIcon
-          className={`h-3.5 w-3.5 ${feedback === false ? "text-red-400" : "text-gray-500"}`}
+          className={`h-3.5 w-3.5 ${feedback === false ? "text-error" : "text-description-muted"}`}
         />
       </HeaderButtonWithToolTip>
     </>